# Dashboard background Change?

**URL:** <https://discourse.nodered.org/t/dashboard-background-change/65961>\
**Category:** Dashboard\
**Tags:** node-red-dashboard\
**Created:** [3 August 2022 06:45 UTC](https://discourse.nodered.org/t/dashboard-background-change/65961 "2022-08-03T06:45:24Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![dynamicdave](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dynamicdave/32/96_2.png) [@dynamicdave](https://discourse.nodered.org/u/dynamicdave)\
**Post date:** [3 August 2022 07:06 UTC](https://discourse.nodered.org/t/dashboard-background-change/65961/3 "2022-08-03T07:06:00Z")

</div>

It might be worth taking a look at the SVG node (there are loads of examples that should help).

> **[node-red-contrib-ui-svg](https://flows.nodered.org/node/node-red-contrib-ui-svg)**
>
> A Node-RED widget node to show interactive SVG (vector graphics) in the dashboard

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](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/f/9/f9f402d67bb4496239960e45f30f40a85982ffea.png)  
The grey coloured blobs are positioned at X, Y coords over where the LED is located on the RPi.  
When my flow is running it also updates the IP address and CPU temperature for each Pi.

---

_[View the full topic](https://discourse.nodered.org/t/dashboard-background-change/65961)._