The CreatorCon Call for Content is officially open! Get started here.

HTML Help text Service Portal

Brian Lancaster
Tera Sage

I have the following code to make it so that I could use HTML in the help text.   This is in an on load script that is in the catalog item client scripts.   How can I get this to work in the new Service Portal?

function onLoad() {

  //Type appropriate comment here, and begin script below

  $$("div.sc-help-text").each(function(item){  

  var textValue = item.innerText;  

  $(item).update(textValue);  

  });  

}

1 ACCEPTED SOLUTION

Hi Brian,



I checked this issue and found that the   problem was with the page load time so I added timeout function which will get execute after 1.5 seconds.


Please find below updated script :



function($timeout) {


  /* widget controller */


  var c = this;


  $timeout(function() {


  jQuery('p.help-block').each(function() {


  jQuery(this).html(jQuery(this).text());


  });


  }, 1500, false);



}


Screen Shot 2017-06-27 at 5.05.17 PM.png


View solution in original post

21 REPLIES 21

Goran WitchDoc
ServiceNow Employee
ServiceNow Employee

First place I would look at is to put it in the widget displaying the items instead.



//Göran


Can you provide more details on how   would go about doing that?


Hello Goran,


I was looking and figured out what page it goes to.   It does not seem to be any specific widget that displays the catalog item.


chirag_bagdai
ServiceNow Employee
ServiceNow Employee

Hi Brian,



I hope you are already aware about side effects of DOM manipulation



-Here is one solution which you can try :


Create new widget and write below DOM manipulation script in client controller :



function() {


  /* widget controller */


  var c = this;


            jQuery('p[title="More information"]').each(function() {


                      jQuery(this).html(jQuery(this).text());


            });


}



and Add this widget in "sc_cat_item" page.


Screen Shot 2017-06-27 at 12.31.13 AM.png



---


You can also add validation in new widget, if you want to run this script for only specific catalog item/s :



For example:


by adding - if($sp.getParameter('sys_id') == "SYS_ID of catalog item") in server side script