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

Post a Comment

Popular posts from this blog

Get Email User Name, email from SharePoint person field in list  you can get user name and email from person field is the group or person coloumn Create PersonGroupCol - person or group field If you are not going to use those email address values later (you don't need to save emails in column) and you just want to show the email in SharePoint list view then you can also achieve it using JSON column formatting. Create one single line of text column (Email, Name) Hide it from list forms (make it  Hidden  from content type settings). Then use below JSON code to format the column: { "$schema" : "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json" , "elmType" : "div" , "txtContent" : "[$ PersonGroupCol . email ]" } For User Name { "$schema" : "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json" , "elmType" : "div...
Post a Comment
Read more
Printing Date Format in  Power Automate (Flows) I was trying to format print the date and found multiple ways to print Date perticularly Month for my requirements. please find various  Month Format  formatDateTime(triggerBody()?['Test_x0020_Date_x002F_Time'],'MM/dd/yyyy') Output 12 /11/2020  formatDateTime(triggerBody()?['Test_x0020_Date_x002F_Time'],'MMM/dd/yyyy')   Output  Dec /11/2020  formatDateTime(triggerBody()?['Test_x0020_Date_x002F_Time'],'MMM/dd/yyyy') Output    December /11/2020  Surce https://sharepains.com/2018/11/12/formatdatetime-flow-power-automate/     The formatting options for formatDateTime, that you can use here are listed in the following table. Any of the format specifiers can be used in any kind of combination. FORMAT SPECIFIER DESCRIPTION EXAMPLES “d” The day of the month, from 1 through 31. More information:  The “d” Custom Format Specifier . 2009-06-01T13:45:30 -> 1 2009-06-15T13:45:30 -...
Post a Comment
Read more
How Search or get the documents in subfolders of Document library in SharePoint Option 1  Using CAML Query below CAML query used to filter                     Sites /SiteCollectionName/SubsiteName/DocumentLibraryName/Folder Name/SubFolderName/SubSubFolderName/SubSubSubFolderName       Source https://sharepoint.stackexchange.com/questions/60495/caml-query-for-sub-folder-documents-javascript https://sharepoint.stackexchange.com/questions/59216/get-all-files-from-sub-folder-of-a-certain-content-type https://sharepoint.stackexchange.com/questions/215230/get-all-items-in-list-by-field-name-caml-query Option 2 Create a View which can point to SubFolder by changing the filter for the view using SharePoint Designer Source:  https://www.tombenjamin.ca/blog/designer/view/using-caml-query-show-files-folder/ There is a thread on  social.technet  where someone asks how to “Create a we...
Post a Comment
Read more