Tuesday, November 1, 2016

sharepoint column color coding based on field values and nowrap for long values


<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){


$("td.ms-cellstyle.ms-vb2").filter( function (index) {  return $(this).text() == "Assigned to Commander";})
    .css("color", "lightpurple").css("font-weight", "bold").css("white-space","nowrap");

   
   

$("td.ms-cellstyle.ms-vb2").filter( function (index) {return $(this).text() == "Assigned to Bureau";})
    .css("color", "#a2aa0b").css("font-weight", "bold").css("white-space","nowrap");
   
   
     
$("td.ms-cellstyle.ms-vb2").filter( function (index) {return $(this).text() == "Assigned to Investigating Member";})
    .css("color", "#85aa0b").css("font-weight", "bold").css("white-space","nowrap");
   
         
$("td.ms-cellstyle.ms-vb2").filter( function (index) {return $(this).text() == "Sent for Approval";})
    .css("color", "#6baa0b").css("font-weight", "bold").css("white-space","nowrap");
   
   
$("td.ms-cellstyle.ms-vb2").filter( function (index) {return $(this).text() == "Approved For System Update";})
    .css("color", "#4a8bd6").css("font-weight", "bold").css("white-space","nowrap");
   

$("td.ms-cellstyle.ms-vb2").filter( function (index) {return $(this).text() == "Approved";})
    .css("color", "#226d04").css("font-weight", "bold").css("white-space","nowrap");
   

$Text = $("td.ms-cellstyle.ms-vb2:contains('Rejected')");
$Text.css("color", "#fc7735");
$Text.css("font-weight", "bold");