Make Leds on picture

[Youssef]

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

[TotallyInformation]

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.

[Steve-Mcl]

@Youssef

in dashboard

In node-red-dashboard, you can use SVG via the node-red-contrib-ui-svg node - see the wiki here

[dynamicdave]

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 the background image, then added led icons that I could switch between red and green. I'm sorry - at the moment I can't find the flow, but there are quite a few examples in the wiki-link that @Steve-Mcl has provided.

[TotallyInformation]

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.

[smanjunath211]

@dynamicdave

I can't find the flow

This one ?

Dashboard background Change?

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, then change the colour of what looks like LEDs at various places on top of the image. Note: To avoid any confusion, I don't use an LED node, just a circular icon to represent the shape of an LED. This example is a photo of a mini tower of four RPi-3Bs. [mini_tower] The grey coloured blobs are positioned at X, Y coords over where …

[dynamicdave]

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.

[dynamicdave]

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.

Server-Rack Monitor

I was prompted to try to find this old project, I created a few years ago, when someone on the forum asked about placing led-icons on an image on the dashboard. It took a while to find the Node-RED flow and remember "what-on-earth-did-I do-to-create-that". So the situation is I have a server rack of four Raspberry Pi(es) that report their core temperatures to a central flow that uses the SVG node to show a background photo overlaid with "led style" icons. [mini_tower_B] Here's what my dashbo…