Is there any way I can change the background color of the button? Example, if (ON) , background = green, else (OFF) , background = red !?

Maybe this old thread ? [image] How to alternatively change button's color General Hi Very strange. I can’t copy/paste your code to node-red clipboard despite I can copy paste mine ! Are you sure your code can be copied to node-red clipboard ?

I did not put any code, this example is the type of application, depending on the state of the output, the color of the button is changed, so you do not need to put two buttons and that the mi button itself shows the state that is currently.

[image] Sergio: I did not put any code, this example is the type of application, depending on the state of the output, the color of the button is changed, so you do not need to put two buttons and that the mi button itself shows the state that is currently. Sorry, I've read your reply multipl…

I want a single button to activate and deactivate something (a relay for example) but when I activate the relay, the button will turn green, and when I turn it off, the button will turn red!

Sergio, I don't know how much you know about Node-Red, so it may be difficult to do. You have the button on the screen. It has code and that goes off to do things. The example posted at the top from dceejay is an example FLOW to show you how a button's colour is changed. To get that part workin…

Good to hear. Hope it all works out for you.

Node-RED

Node-RED Forum

Change button color

Dashboard

Sergio 11 August 2018 04:18 7

Thank you very much, I learned

Topic		Replies	Views
Problem changing button colors General node-red-dashboard , function-node	24	380	4 August 2025
Can I change background color without triggering button? Dashboard	3	750	14 June 2020
Change Button Colour in a Function General	7	5007	3 January 2020
Node red button template using CSS change colors General	3	1717	26 May 2020
How to edit a BUTTON Node without triggering it Dashboard	6	207	29 February 2024

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.

Change button color

Related topics