[boat] Hello everyone ! How i can make a picture like that in dashboard such the G/R icon i want them Leds and controllling them by slider node in the same flow

There are at least 2 examples of this shared as Flows. Here is the UIBUILDER based one: https://flows.nodered.org/flow/89487d20c635d54d9b98d963656ce429 There was one for Dashboard as well I think - can't see it in the flows, must be in the forum somewhere.

[image] Youssef: in dashboard In node-red-dashboard, you can use SVG via the node-red-contrib-ui-svg node - see the wiki here

What @TotallyInformation has suggested will work and is probably a more recent solution than node-red-contrib-ui-svg I used node-red-contrib-ui-svg about 2-years ago to show the status of a group of four Rasberry Pi(es) in a mini cluster. I took a photo of the hardware on my phone and used that as …

To be fair, the solutions should be much the same except that the ui version works with Dashboard 1 of course and mine works with UIBUILDER.

[image] dynamicdave: I can't find the flow This one ? [image] Dashboard background Change? Dashboard It might be worth taking a look at the SVG node (there are loads of examples that should help). I've used it to place an image as a background on the dashboard, t…

Well done I was trying to find that posting on the Forum. Now if I could find the Node-RED flow as well we would be sorted? You are more than welcome to pop round to my house and help me look through the SSDs.

Node-RED

Node-RED Forum

Make Leds on picture

Dashboard

dynamicdave 8 March 2024 18:11 8

I've eventually found the source files for the Node-RED posting that @smanjunath211 found, and have made a posting on 'share your projects'. I hope someone can make use of it.

2 Likes

Topic		Replies	Views
Dashboard background Change? Dashboard node-red-dashboard	9	572	18 August 2022
Node-RED dashboard- Adding an LED node hides all other dashboard nodes Dashboard	9	691	8 June 2022
Node-Red and images Dashboard home-assistant , dashboard	4	370	19 October 2023
Gibt es einen led node wie in Dashboard1 auch in Dashboard2? Dashboard node-red-dashboard , dashboard-2	2	70	19 March 2025
Simple LED indicator on dashboard Dashboard	15	22153	26 April 2019

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.

Make Leds on picture

Related topics