How to change UI builder Data Visualizer colour and list title?

[alam_sg]

Hi community,

I added a Data Visualiser component for HR tasks on the landing page in UI builder for Agent Workspace for HR case management.
However, the component's background is grey in colour similar to the page background. All the other existing components on the page have a white background.

In the component config Color options, I'm only able to change the single score value colour.
How do I change the component background colour?

A second question is when I click on the component, it opens a list based on the single score value but there's no header title on the list. For existing similar components, there is a header title that is the same as the metric label on the data visualiser component.
How do I update this list header title? Even if I duplicate an existing data visualiser component and changed the data source and metric label, the header title remains the same as the old metric label instead of the updated label.

[Vasudev18]

Hi @alam_sg,

For your first question, you need to go to the component's 'styles' tab, scroll down, and at the bottom click on the 'background' option to change the component's background color. For reference, take a look at the attached picture.

Please mark my answer correct and helpful, if this works for you.

[Vasudev18]

For the second question, to update the component's header, go to the 'Config' tab and select the 'Header and border' option. Under this option, go to the 'Chart title' option and give the header.

Please mark my answer correct and helpful, if this works for you.

[alam_sg]

Hi Vasudev,

I don't get a Chart title field under the Header and border options.

[Vasudev18]

Hi @alam_sg,

Switch on the toggle button beside the 'Show header' option under 'Header and border' and the chart title will appear.

Please mark my answer correct and helpful, if this works for you.