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

change style of "data visualisation" component

MichaelZischeck
Kilo Sage

I'd like to be able to change the style of the data value. 

 

possible? how?

1 ACCEPTED SOLUTION

sasi_v
Tera Guru

Hi @MichaelZischeck ,

Every modification necessitates adjustments at the level of each individual CSS class; however,  on the UI builder  only global CSS block is considered so I believe that we have no right to change the styles on  particular CSS classes.

You can raise a Hi ticket to ServiceNow, May be they have some recommendations.

 

 

View solution in original post

5 REPLIES 5

chetanb
Tera Guru

Hello @MichaelZischeck ,

 

If you are using UI builder, you can customize appearance of the data visualization component directly within the builder. Look for options to modify colors, fonts and other visual elements which you are expecting.

 

https://www.servicenow.com/community/developer-forum/guidance-on-how-to-configure-dynamic-data-bindi...

 

If my answer replied your question please mark appropriate response as correct so that the question will appear as resolved for other users who may have a similar question in the future.

 

Regards,

CB

I know those "standard" options... but they don't suffice...

 

I want more fine tuning....

sasi_v
Tera Guru

Hi @MichaelZischeck,

Recently, I have spent most of my time working with data visualization components in the UI builder. Since adding fine tuning to a component is not always simple, could you please let me know what you specifically need? If so, I can let you know if that option is feasible or not, Also please share the release of your ServiceNow instance as of right now.

 

Regards,

Sasikanth

I'd like to "center" a single score, but NOT the title or the whole component, just the value.

I'd like to make data values (the values on bars bigger and change their color), the default is hardly readable

MichaelZischeck_0-1710076817145.png

I want to look like:

MichaelZischeck_1-1710076938442.png

MichaelZischeck_2-1710076971254.png

I want to look like

MichaelZischeck_3-1710077143434.png