Hi, I found in forum this code to set background color of a text node <style> [node-id="9a6b2f8.2010d5"] { background-color: red !important; } </style> Can I insert a condition to have the background-color = red only if the text is ON or a global variable is ON (better)?

With Dashboard v3 you can use msg.className to set a custom class for the node. So you need a template node with a little CSS <style> md-card.nr-dashboard-text.on { background-color: red; } md-card.nr-dashboard-text.off { background-color: slategrey; } </style> Then when you send some tex…

Node-RED

Node-RED Forum

Condition in CSS style (text node)

Dashboard

Giamma 1 November 2021 15:21 4

I just tried and it's works fine.
Thank you .....

Topic		Replies	Views
Dashboard - set background color of text node FAQs	5	20542	3 November 2019
Changing the colour of the label of a text node in the dashboard (Solved Old Dashboard Used)) Dashboard node-red-dashboard	43	1335	7 October 2023
Ui template style classes Dashboard	1	195	19 May 2024
Text node background color Dashboard node-red-dashboard	16	655	25 March 2023
Dashboard text-node change text color Dashboard dashboard-2	9	219	9 January 2025

Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.

Condition in CSS style (text node)

Related topics