Change the color of an item according to a value

[yannic]

Hello together,

actaually I try to design a Web HMI with the WebIQ HMI Designer. I want to insert some items, which change the color according to a process variable. It should be like: 1 = green, 2 = orange, 3 = red. Is that possible?

Greetings

Yannic

[webiq-sk · Accepted solution]

Hello Yannic,

this can be achieved using CSS modifiers and it is described in the documentation here: https://ctrlx.smart-hmi.com/download/manual-designer/#_css_modifier_css_classes

Regards,
Sascha Kimmel

[yannic]

Thank you Mr. Kimmel,

it works fine.

Greetings 

Yannic

[HmiGuide]

I read the documentation, but I'm still not able to do it. The manual describes

• Some stuff very detailed (Press button A, Enter name,....)
• Other stuff very basic (which is not detailed enough for beginners)

Can anybody provide an WebIQ example project with an basic example for changing color.

[webiq-sk]

Hello StefBaro,

please find a simple demo app attached.

Regards,
Sascha Kimmel

[HmiGuide]

Thanks, for the example.
I attached a second example with more information in the example for WeqIQ beginners.