Skip to main content

How to display SharePoint list item status values into images/icons using simple JavaScript


src="http://code.jquery.com/jquery-latest.min.js"

$(document).ready(
  function() {
    $('td.ms-vb2:contains("Completed"), ' +
      'td.ms-vb2:contains("Pending")').each(
        function() {
          $(this).hide();
          $(this).html(ReplaceColorTextWithImage($(this).html()));
          $(this).show("slow");
        }
    );
  }
);

function ReplaceColorTextWithImage(strColorText) {
  var strColorImage = "";

  switch(strColorText) {
    case "Completed":
      strColorImage = "green";
      break;
    case "Not Started":
      strColorImage = "Red";
      break;
  }

 return ""

}

 return "$$>";


Credit /Source
http://www.dalesandro.net/replace-text-with-images-in-sharepoint-view-using-jquery/
Using Jequery
https://www.sharepointusecases.com/2014/04/replacing-strings-icons-list-view-jquery-sharepoint-2010/

Comments

Popular posts from this blog

How to remove special characters from the SharePoint list column using calculated column - SharePoint online

Remove special characters  from the SharePoint list column using calculated column =REPLACE([FirstNameLastName],SEARCH(" & ",[FirstNameLastName]),0,"") or =IF(ISERR(SEARCH("&",Title,1)),Title,REPLACE(Title,SEARCH("&",Title,1),2,""))  Source https://social.technet.microsoft.com/Forums/sharepoint/en-US/42391d83-a6eb-480f-b84a-3d43ef4f5e40/calculated-column-to-remove-amp-and-space-quotamp-quot?forum=sharepointgeneralprevious https://social.technet.microsoft.com/Forums/office/en-US/74d8022b-03f4-4ccf-9bfc-a3075a2f9202/multiple-replace-on-calculated-column?forum=sharepointgeneralprevious
LIST OF INTERNAL NAMES FOR SHAREPOINT FIELDS Title InternalName $Resources:RulesUrl $Resources:XomlUrl % Complete About Me Account Action Actual Work Address All Day Event Allow writers to view cached content Anniversary Append-Only Comments Approval Status Approver Comments Article Date Assigned To Assistant’s Name Assistant’s Phone Associated Content Type Associated Service Attachments Author Automatic Update Base Association Guid Billing Information Birthday Body Body Body Was Expanded Business Phone Business Phone 2 Byline Cacheability Callback Number Car Phone Categories Category Category Category Check for Changes Check In Comment Checked out User Children’s Names City Comments Comments Company Company Main Phone Company Phonetic Completed Computer Network Name Connection Type Contact Contact E-Mail Address Contact Name Contact Photo Contact Picture Content Category Content Type Content Type ID Content Type ID C...