Hi to all, I have a question, can I change the button Icon with a mine personal icon? I've already tried the fa-xxx icon and they works, but they are not what I need. [button icon] Maybe is there a code to put in a function node where I link my icon that is insert in a folder? I have already r…

@LucaCarminati did you read this ? [image] SWITCH & BUTTON ui node : how to change color, background color, size Share Your Nodes I see that a lot of us are struggling to customize their buttons in the Dashboard. So here are two very simple flows to modify using messages:…

I think it is not possible, you can only use font awesome icons, and node-red ones. I haven't needed anything like this, but if you want to do something like this i think ui-builder is your best friend...

From the node's help The Icon can be defined, as either a Material Design icon (e.g. 'check', 'close') or a Font Awesome icon (e.g. 'fa-fire') , or a Weather icon . You can use the full set of google material icons if you add 'mi-' to the icon name. e.g. 'mi-videogame_asset'.

Also you can use a ui_template node to make a switch that shows whatever you like.

Node-RED

Node-RED Forum

Change Icon Image in a Switch or Button

General

SuperNinja 22 October 2020 12:51 5

@LucaCarminati did you read this ?

Topic		Replies	Views
Change icon on switch Dashboard	14	38435	8 October 2020
SWITCH & BUTTON ui node : how to change color, background color, size Share Your Nodes	7	8268	22 November 2020
Change Icon on a button according to its input message Dashboard	18	5912	28 August 2020
Change icon in button Dashboard	12	16304	16 February 2020
Custom logo for button Dashboard	1	600	17 September 2021

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 Image in a Switch or Button

Related topics