The Zurich release has arrived! Interested in new features and functionalities? Click here for more

Dan Martinez
Tera Expert

Overview

The UI builder allows us to add extra sections on the contextual sidebar that appears on the right-hand side, and although everyone knows that it allows the developer to select an Out-of-the-Box icon, not everyone knows custom icons can be used too. This article shows how to use any icon you need on such place.

 

Configuring the solution

For this example we have chosen a "Jira" icon since what we are doing is an integration with Jira, and we would like to show information about the ticket on the other side. The first thing we have to do is upload the icon to ServiceNow so that we can have a URL that takes us to it. Once we have it, we need to go to the "sys_ux_app_route" table:

 

JIRA-OOB.png

 

In here, we can see how the "Icon" field shows OOB elements, but if we paste the URL that takes us to the attachment we just uploaded, it also works, showing it instead:

 

JIRA2.png

 

In the example above you can see how we pasted the absolute path to the attachment. 

 

Important: The user seeing the workspace must have read access to the attachment and the record it's located. i.e: If attached to a record, the user must be able to see the record, otherwise the user will not see the icon.

 

Results

All we have to do now is go to the Workspace that has it (in this case Service Operations Workspace) and we will see the icon on the contextual sidebar shows now the icon we uploaded

 

JIRA1.png

 

I would like to thank my colleague Lucas Rivetti Guerino, (Certified Technical Architect @ Crossfuze) for building the solution.

 

If this post helped you please remember to lick on "Like" and feel free to share it with anyone who could be interested.

4 Comments