Service Operations Workspace – How to add a custom icon below “Home” on the sidebar panel?

[Sujatha V M]

In this article, we will see how to configure a custom icon on the sidebar panel of the Service Operations Workspace landing page. 

➡️ Navigate to Experiences -> and select “Service Operations Workspace” from UX Applications.

➡️ Make sure the “Application” is as per the scope you wanted it to be added.

➡️ Open the record and navigate to “UX Page Properties” related list and access “chrome_toolbar”.

➡️ Append the below script for accessing the quick links from the side bar panel on the landing page.

➡️ Refresh the landing page and the new icon gets added below the home icon. By clicking on this icon, it routes to the respective page.

Note: Make sure the route id matches the page and the mention the order accordingly for the positioning of the icon.

Kindly mark this article as "Helpful" if this resolves your query.

@Servicenow #ServiceNow #ServiceOperationsWorkspace #ServiceNowCommunity

[Sujatha V M]

Kindly mark this article as "Helpful" if this resolves your query.

@Servicenow #ServiceNow #ServiceOperationsWorkspace #ServiceNowCommunity

[HAMDI Oussema]

• The easiest way is to use the UI Builder:

  1. Select your workspace.

     

  2. Click on View experience settings.

     

  3. Under Side navigation, you’ll see the existing items.

  4. Click the Edit button next to the item you want to modify.

  5. Choose the icon you want to use

     
  6. Finally, save your changes.

Hope this helps! 👍
Please mark as helpful if it did!

[Snehal Madakatt]

Hi @HAMDI Oussema ,

I am unable to find ==>Under Side navigation, you’ll see the existing items.

[Snehal Madakatt]

Hi,

from where can i get different icon?

Regards,

Snehal

[Sujatha V M]

@Snehal Madakatt Could please add the screenshots or give some more information please? 

You can either mention the icon context or select from the drop down as per the above comment. 

[Snehal Madakatt]

@Sujatha V M  i want different icons, so need to understan where can find the different icons so i can use it here

[Snehal Madakatt]

FOUND IT:

I got the table from where icons can be used: st_sys_design_system_icon.LIST

[HAMDI Oussema]

@Snehal Madakatt 

@Sujatha V M 
You can check out this video — it might be helpful.
I made a short demo showing how to change the video and how to find all the available icons.

[Sujatha V M]

@Snehal Madakatt  @HAMDI Oussema  Thank you for sharing the details! 
Happy Learning!