Virtuino Forum
Change font color based on displayed value - Printable Version

+- Virtuino Forum (https://virtuino.com/forum)
+-- Forum: Virtuino (https://virtuino.com/forum/forumdisplay.php?fid=1)
+--- Forum: Virtuino IoT (https://virtuino.com/forum/forumdisplay.php?fid=2)
+--- Thread: Change font color based on displayed value (/showthread.php?tid=1317)



Change font color based on displayed value - zapicoj - 06-13-2023

Hello,
I am displaying temperatures, coming from MQTT broker, and using the "text display" widget (virtuino iot) for that purpose. I would like to modify the text color based on the displayed value (mainly used to show a warning). So far,  I did not find a way to do it. 
Is there any way, using scripts or js,  to do that functionality ?? or maybe I am missing something?

Thank you in advance for any hints or comments.

Jose Zapico


RE: Change font color based on displayed value - iliaslamprou - 06-13-2023

Hi,

you have to use more than one "Value displays" on the same position. Use the copy paste option to do it
Then on the "Value Display" settings click the tab "More"
Configure the visibility of each "Value display".

This technique is used on this tutorial for the leds: https://www.youtube.com/watch?v=YzvpJKYg8tQ
Go to the minute 4:00


RE: Change font color based on displayed value - zapicoj - 06-14-2023

(06-13-2023, 10:58 PM)iliaslamprou Wrote: Hi,

you have to use more than one "Value displays" on the same position. Use the copy paste option to do it
Then on the "Value Display" settings click the tab "More"
Configure the visibility of each "Value display".

This technique is used on this tutorial for the leds: https://www.youtube.com/watch?v=YzvpJKYg8tQ
Go to the minute 4:00

Hi,
Thank you for your reply. 
I will watch the tutorial and try the solution.

(06-14-2023, 07:20 AM)zapicoj Wrote:
(06-13-2023, 10:58 PM)iliaslamprou Wrote: Hi,

you have to use more than one "Value displays" on the same position. Use the copy paste option to do it
Then on the "Value Display" settings click the tab "More"
Configure the visibility of each "Value display".

This technique is used on this tutorial for the leds: https://www.youtube.com/watch?v=YzvpJKYg8tQ
Go to the minute 4:00

Hi,
Thank you for your reply. 
I will watch the tutorial and try the solution.

Hi,
Perfect, It works fine.
Thank you again

?