Wednesday, May 31, 2017

How to Display Custom icon images on Incident Form and in List View in Service Now

This blog explains how to display special icons on Incident form (Caller field) based on user profile settings.

Example :

If 'Affected Person' belongs to 'VIP' then display 'VIP' icon image in 'Users' List view as well as on 'Incident' form

Solution

- Create a Client Script as shown below



- Upload the required icon image to System UI -> Images
- Write down below code under script.

if (caller.vip == 'true') {
callerLabel.setStyle({backgroundImage: "url(images/icons/vip.gif)", backgroundRepeat: "no-repeat", backgroundPosition: bgPosition, paddingLeft: '30px' });
}
- Whenever 'Affected Person' field value is selected, if the selected user belongs to 'VIP' then 'VIP' flag will be shown on Incident as shown below.



- To display the icons in List view , Below are the steps
- Goto Sytem UI -> Field Styles
- Create new one as shown below



- Below is how shown in List view.









14 comments:

  1. That is very interesting; you are a very skilled blogger. I have shared your website in my social networks! A very nice guide. I will definitely follow these tips. Thank you for sharing such detailed article.

    servicenow online training bangalore

    ReplyDelete
  2. well done the blog is great and it is about Service Now Business Rules Assignments it is useful for students and servicenow Developers for more updates on servicenow follow the link

    ServiceNow Online Training

    For more info on other technologies go with below links

    tableau online training hyderabad

    Python Online Training

    mulesoft Online Training

    ReplyDelete




  3. well done the blog is great and it is about Service Now Business Rules Assignmentsit is useful for students and servicenow Developers for more updates on servicenow follow the link

    ServiceNow Online training

    For more info on other technologies go with below links

    tableau online training hyderabad

    Python Online Training

    mulesoft Online Training

    ReplyDelete
  4. well done the blog is great and it is about Service Now Business Rules Assignmentsit is useful for students and servicenow Developers for more updates on servicenow ServiceNow Online course

    ReplyDelete

  5. well done the blog is great and it is about How to Display Custom icon images on Incident Form and in List View in Service Now it is useful for students and servicenow Developers for more updates on servicenow ServiceNow Online course

    ReplyDelete
  6. we are offering best servicenow training in hyderabad with job assistance and high quality training facilities and well expert faculty .
    to Register you free demo please visit ServiceNow training in Hyderabad

    ReplyDelete
  7. Fabulous information you have shared about ServiceNow, thanks for that and share more content on ServiceNow Online Training

    ReplyDelete
  8. Hi, this looks like exactly what I am looking for but I can't get it to work. Can you please post the exact and full script showing what it looks like exactly as seen in the screen? I'm a newbie to scripting and ServiceNow so need all the help I can get.
    Thanks
    David

    ReplyDelete
  9. It's A Great Pleasure reading your Article, learned a lot of new things, we have to keep on updating it Mulesoft certification training Thanks for posting.

    ReplyDelete
  10. Nature always helps a writer to learn from its elements. Nature always try to teach new lessons and a writer transform its experience into words. He can transform even silence into words. This blog taught me a lesson.
    mykonos private driver

    ReplyDelete
  11. Its help me to improve my knowledge and skills also.im really satisfied in this session.servicenow training in bangalore

    ReplyDelete
  12. Excellent article,keep sharing more posts with us.
    try to posts more tutorials on Servicenow.
    Thank you...

    servicenow online training in india

    servicenow admin online training

    ReplyDelete
  13. I'd want to achive display of two icon wrt to Number field in Incident List view
    i.e Incident within SLA limits Green Dot and Escalate check box checked on Incident form (Escalate Icon)
    i.e If Incident Esclated and SLA is green bith Green Dot and Escalate Icon have to be shown in the Incidents Lists View

    ReplyDelete
  14. Thank you for sharing wonderful information with us to get some idea about it.




    tableau certification training

    ReplyDelete