Skip to main content

Service Catalog: set CSS styles of a label

Note the 2 options

Not currently supported by Service Portal, hence the try...catch (still investigating a portal-friendly version)


try{
        fieldId = g_form.getControl('grand_total').id;
              //-- option 1 (JQuery):
        var label = gel('label_' + fieldId);
        $j(label).css('color', 'blue');
        $j(label).css('font-weight', 'bold');
        $j(label).css('font-size', '20px');
       

              //-- option 2 - use getLable:
        var l = g_form.getLabel(fieldId);
        l.style.color='blue';
        l.style.fontWeight='bold';
        l.style.background= 'red';
       
}catch (ex){
        //--will drop down here in service portal, allows script to continue and form to load
       //--sort of a compromise, add a message under the field
        g_form.showFieldMsg('grand_total', '(the total price of the order)', 'info');
}


Comments

  1. The option 2 works for me in CSM portal. But what if i want a specific word that i need to highlight in the variable. How can i use the option 2 code and modify it to change a particular word in a label.

    ReplyDelete
  2. hello Afnan, sorry for late reply! Haven't looked at highlighting specific words, you'd need to somehow manipulate the HTML. Might be some way of doing it in Service Portal, worth googling

    ReplyDelete

Post a Comment

Popular posts from this blog

URL link in addInfoMessage

var ga=new GlideAjax('gld_HR_ajax'); ga.addParam('sysparm_name', 'checkEmployeeNumber_hrProfile'); ga.addParam('sysparm_hrprofilenumber', g_form.getValue('number')); ga.addParam('sysparm_employeenumber', newValue); ga.getXMLAnswer(function(answer) { if (answer!='undefined' && answer!=''){ var navURL="<a style='text-decoration:underline;color:blue' href=hr_profile.do?sysparm_query=number=" + answer + ">" + answer + "</a><img width='3' src='images/s.gif'/>"; var sMsg='The employee number entered already exists on another HR Profile ' + navURL; //alert(sMsg); g_form.showErrorBox('employee_number', 'error - please check'); g_form.addInfoMessage(sMsg); } });

GlideRecord setValue

setValue(String name, Object value) Sets the specified field to the specified value. Normally a script would do a direct assignment, for example,  gr.category = value . However, if in a script the element name is a variable, then  gr.setValue(elementName, value)  can be used. When setting a value, ensure the data type of the field matches the data type of the value you enter. This method cannot be used on journal fields. If the value parameter is null, the record is not updated, and an error is not thrown https://developer.servicenow.com/app.do#!/api_doc?v=madrid&id=r_GlideRecord-setValue_String_Object