How to change Value Display Text colour through CSS?

[Radu]

Hello.

I am using the new Value Display widget from 8.5, and I need to be able to change the fallback-text colour (TextIfNoValue colour) through css. Can someone please indicate me how can I access this property, so I can change it?

Thank you.

[Rick-Stanley · Accepted solution]

This guide demonstrates how to get started applying CSS to widgets:

https://developer.thingworx.com/en/resources/guides/css-quickstart

[Radu]

Thank you for your answer. Unfortunately, the guide doesn't help me. I'm interested in how it is possible to access the colour property of the value display TextIfNoValue field. I tried using Inspect Element for this, but it hasn't helped.

If there's a thing the guide is missing, it's how to actually find the fields that you want to change, instead of just copy-pasting CSS snippets.

[Rick-Stanley]

It is not obvious how to the CSS reference, There is a note on this page that explains you need to add `root_` to the widget ID:

https://developer.thingworx.com/en/resources/guides/css-quickstart/use-media-queries-css-quickstart

You can also use an Expression Function to dynamically bind a CSS class to a widget based on values passed into the Expression

[slangley]

Hi @Radu.

If one of the previous responses answered your question, please mark the appropriate one as the Accepted Solution for the benefit of others with the same question.

Thank you for your participation in our community.

Regards.

--Sharon