Hello and Merry Christmas! I have a question,can i change icon in button in this way? if i put icon code in button it is work good, but my Christmas dream is change icon in action :slight_smile: Task: combine 2 blue buttons in 1 1 step: button without click = text "refresh" + icon "refresh" 2 s…

I would suggest having a look on this example from the FAQs: [image] Examples of Colour change button and switch FAQs A simple example of a button that has two states and changes colour/text and icon based on those two states [{"id":"b9a70965.13e138","type":"ui_button","…

Does it work without the spin ?

[image] dceejay: Does it work without the spin ? not work through inject payload,only if i insert icon code in icon area in button(2 blue buttons) =/

I am stuck on the same as far as I can tell it goes like this; Icon cannot be set by a message property by setting the field to the name of the property, for example {{msg.icon}}... only as; The Icon can be defined, as either a Material Design icon (e.g. 'check', 'close') or a Font Awesome i…

Thank you for reply. Yes it good example and it worked!:grinning: I found it recently. thank you for the examples Andrei dceejay :slightly_smiling_face:

Hi I've found this topic because I ave the same problem as the topic starter. Is there a reason why it's nog possible to use a variable to change the icon of a button? All other fields of a button can be filled with a variable with no problem (like the label, tooltip, colour and background), but onl…

msg.payload <= "2" Things are going wrong here even we don't know about what is in msg.payload. JavaScript (with all its weirdness's https://github.com/denysdovhan/wtfjs ) behaves differently with numbers and strings. So make sure the type of data and then compare number with number. (or if you…

You're right, this is not how it should work, but it works. The debug shows that it works. But ok, just to make it more simple, I've did it like this: [image] This is the export: [{"id":"ba9a6f86.97999","type":"debug","z":"7b4023c5.1e24fc","name":"Debug","active":true,"tosidebar":true,"console":f…

Try msg.ui_control.icon="wi-wu-chancesnow" The changes you can make to ui items are listed here https://github.com/node-red/node-red-dashboard/blob/master/config-fields.md HTH

Node-RED

Node-RED Forum

Change icon in button

Dashboard

Andrei 19 January 2019 01:31 7

or perhaps on this example with the switch node

GIF-SWITCH

Topic		Replies	Views
Change Icon on a button according to its input message Dashboard	19	5886	11 September 2020
I am still not getting thse `buttons` and their settings Dashboard	22	1308	30 April 2020
Change icon in ui_button via message? Dashboard	4	3498	15 January 2020
Looking back to an old thread. Buttons and their settings Dashboard	0	426	20 July 2019
Dashboard 2 change icon Dashboard dashboard-2	6	603	13 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 icon in button

Related topics