How to dynamically change the label widget font color

[CZ_9645217]

Hi there,

I have a requirement, the color of the font needs to be determined according to the result of the conditional judgment, for example, the background set a goal, when the value > goal, the font is red, whether the label widget can achieve this requirement, or other widgets can achieve it, thank you very much.

[yhan · Accepted solution]

Hi @CZ_9645217,

Below configurations for your reference:

1. Create a thing with an infotable type property which named theme(persistent), and add two values (like A_Theme and B_Theme)
2. Create two themes with different font color, the theme names are the same as the infotable property values defined in the first step(A_Theme and B_Theme)

4. Create a service, when value > goal, the output is A_Theme, while value <=goal, the output is B_Theme

5. Bind service output with label Style Theme in the mashup

6. Create a subscription, when goal value changes, executing the service.

Thanks,

/Yoyo

[CZ_9645217]

@yhan Got it, a very good solution, it solved a big confusion for me. thank you very much for your quick reply.

[CZ_9645217]

hi yhan,

Because the theme is applied to the entire mashup, if a mashup has two labels, there is no way to deal with this; are there other solution, thank you!

[yhan]

Actually, it is the problem that the style theme will be applied to the top-level mashup, so it would be also applied to all embedded widgets if you check the "Use Theme" option from the widget's container properties.

To a single themeable widget:

1. Uncheck the "UseTheme" option from the widget's container properties

        

2. Set Style Properties manually by using the method mentioned in previous reply.

[CZ_9645217]

I used custom css resolved the issue. thank you!

.redFont .widget-content{color: #FF0000 !important;}