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.