cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

Community Tip - Learn all about the Community Ranking System, a fun gamification element of the PTC Community. X

How to change Value Display Text colour through CSS?

Radu
15-Moonstone

How to change Value Display Text colour through CSS?

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.

1 ACCEPTED SOLUTION

Accepted Solutions

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

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

View solution in original post

4 REPLIES 4

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

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

Radu
15-Moonstone
(To:Rick-Stanley)

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.

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
23-Emerald II
(To:Radu)

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

Top Tags