Welcome to Community Week 2025! Join us to learn, connect, and be recognized as we celebrate the spirit of Community and the power of AI. Get the details  

Change the left-hand bar in Agent Workspace for HR Case Management

CCSF-Syd
Tera Expert

Hi,

 

I am wondering how to customize the left-hand bar in the Agent Workspace for HR Case Management (see the attached screenshot). In this case, I just want to get rid of the gradient.

 

Thanks in advance!

6 REPLIES 6

Community Alums
Not applicable

Hi @CCSF-Syd ,

You can do it using UI builder:

1. Navigate to  UI builder and open the HR Agent Workspace  Experience to modify  and  then Settings:

 

SandeepDutta_0-1727836732826.png

 

 

2. Scroll down to Side navigation and remove the options as per your requirement.

SandeepDutta_1-1727836732812.png

 

 

This does not seem to be a solution to changing the gradient, only adding icons. Am I missing something?

Kevin83
ServiceNow Employee
ServiceNow Employee

The background color is set like so: 

Screenshot 2024-10-02 at 8.39.53 AM.png
In the theme for Polaris you'll see the gradient is set like this:

Screenshot 2024-10-02 at 8.37.59 AM.png

 

If you set it to this instead the gradient should disappear:
"--now-toolbar-nav--background-color-start": "--now-color_brand--primary",
"--now-toolbar-nav--background-color-middle": "--now-color_brand--primary",
"--now-toolbar-nav--background-color-end": "--now-color_brand--primary",

Thanks,
Kevin

Brad Tilton
ServiceNow Employee
ServiceNow Employee

Also, to clarify you'd make these changes to the instance theme described in the docs here: https://docs.servicenow.com/bundle/xanadu-platform-user-interface/page/administer/navigation-and-ui/... 

This will apply to all workspaces on the instance, not just HR.