I have a push button that I would like to modify so it will alternate text and color with each press. Such as text ON with red background and OFF with green background. And naturally send the appropriate payload. Currently the button just sends a "lights on" payload with each press. Hopefully my fir…

Not sure if this will help, but I did something like this: <div ng-if="msg.payload == 1" class="switch"><div class="labelon">Zone 2 Power</div><div class="securitytexton" ng-bind-html="msg.change"></div></div> <div ng-if="msg.payload == 0" class="switch"><div class="labeloff">Zone 2 Power</div><div…

chucksteele, this would be a way to change the label and name of a button from an outside payload. But I wanted to change it when the button was pushed. Maybe seeing your flow would clarify?

I am no expert at Node-Red, but this is what I do. You will need to understand how the flow.get flow.set scope context works. I use it to record the current status of the button. https://nodered.org/docs/user-guide/writing-functions [{"id":"485ef26f.0e7fe4","type":"tab","label":"Flow 1","disabled…

Randy, sorry I didn't see your question. Let me take your flow and methodically go thru (aka mess around in hope of stumbling on a solution). I don't use buttons - just switches, sliders and such..

Yes I have ran across that posting but think I had issues getting the button to scale properly. Not dceejay's fault but my lack of knowledge instead. Tried to convince Pete Scargil to modify his pretty buttons https://flows.nodered.org/flow/4bfad41290eda31588ff63a23815ac5c but I think he has moved o…

this will read the mqtt status and set the color and text depending on the status [{"id":"fc43797c.fb16e8","type":"mqtt in","z":"b3cf0d92.fa621","name":"wohnzimmerlampe","topic":"sonoffwohnzimmer/stat/POWER","qos":"2","datatype":"auto","broker":"330b0f73.614de","x":150,"y":40,"wires":[["ee0065b3.71…

Just starting out, this little flow is a gem! I have learned much from it. I just cannot figure out what the link nodes are doing. But I will keep at it. Thanks again.

Thx @Maximus1 , your flow was very close to what I was looking for. I did some minor change and included a change so that the text also changes color. The flow: [flows_Dashboard_web_UI_flow] The dashboard button with on and off examples Note. Lampor is Swedish for lights :slight_smile: [flows…

How To Modify Dashboard Button To Alternate Color / Text?

Dashboard

chucksteele 29 February 2020 16:36 6

Randy, I found this while looking for something else that may help you, if you havent found it out already.https://discourse.nodered.org/t/examples-of-colour-change-button-and-switch/3650

Topic		Replies	Views
Examples of Colour change button and switch FAQs	32	36754	19 November 2020
Send msg.color to Button without Triggering Button Dashboard	3	585	12 May 2021
Dashboard buttons easy colour state change? Dashboard	55	5915	2 January 2021
How to alternatively change button's color General	17	12700	19 January 2019
How to Change the color of the ui text node dynamically Dashboard	16	31877	7 March 2020

How To Modify Dashboard Button To Alternate Color / Text?

Related topics