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

dceejay 10 August 2018 21:22 2

Maybe this old thread ?

Topic		Replies	Views
Problem changing button colors General node-red-dashboard , function-node	24	480	4 August 2025
Can I change background color without triggering button? Dashboard	2	759	15 May 2020
Change Button Colour in a Function General	7	5022	3 January 2020
Node red button template using CSS change colors General	2	1752	12 May 2020
How to edit a BUTTON Node without triggering it Dashboard	5	230	30 January 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