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
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...