Quantcast
Channel: SharePoint 2013 - Development and Programming forum
Viewing all articles
Browse latest Browse all 7589

Color a Column between two dates in Sharepoint 2013 list

$
0
0

hi

Date column - Due by COB

Date column - Date Delivered

Is there a way to color a column called "Date Delivered" if Due by COB is less than Date Delivered?  This is a sharepoint 2013 list, datasheet on Premises.   Color only a column not a row

I google it and below does not work

<script type="text/javascript">
SP.SOD.executeFunc("clienttemplates.js", "SPClientTemplates", CSR_Setup);

function CSR_Setup() {
    var overridectx = {};
    overridectx.Templates = {};
    overridectx.OnPostRender = CSR_RowColour;
    SPClientTemplates.TemplateManager.RegisterTemplateOverrides(overridectx);
}

function CSR_RowColour(ctx) {
    var rows = ctx.ListData.Row;
    for (var i = 0; i < rows.length; i++) {
        // Check what colour this row should be
        var startDate = rows[i]["Date Delivered"];
        var finishDate = rows[i]["Due by COB"];
        var colour = "";
        if (Date Delivered == Due by COB)
            colour = "";
        else if (Date Delivered < Due by COB)
            colour = "red";

        // Apply row colour
        var rowElementId = GenerateIIDForListItem(ctx, rows[i]);
        var tr = document.getElementById(rowElementId);
        tr.style.backgroundColor = colour;
    }
}
</script>

thank you!



Viewing all articles
Browse latest Browse all 7589

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>