# Background Image Dashboard

**URL:** <https://discourse.nodered.org/t/background-image-dashboard/58130>\
**Category:** Dashboard\
**Created:** [11 February 2022 07:31 UTC](https://discourse.nodered.org/t/background-image-dashboard/58130 "2022-02-11T07:31:43Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![HollaDieWaldfee](https://avatars.discourse-cdn.com/v4/letter/h/cdc98d/32.png) [@HollaDieWaldfee](https://discourse.nodered.org/u/HollaDieWaldfee)\
**Post date:** [11 February 2022 07:31 UTC](https://discourse.nodered.org/t/background-image-dashboard/58130/1 "2022-02-11T07:31:43Z")

</div>

Hi everybody!

I have been searching this forum, for a answer but couldnt find it so far...

I want to change the Background of my Dashboard to a picture.  
I have read about changing the httpStatic in the settings, but the path doesnt seem to appear:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/d/1d0ef826b24cfe8eaf862c30dcd6826c8f614d55.jpeg)

I do not understand what else i have to change.  
I read the docu to the settings.js file but cant find the answer.

Thanks for your help in advance!

---

<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:** [11 February 2022 07:45 UTC](https://discourse.nodered.org/t/background-image-dashboard/58130/2 "2022-02-11T07:45:06Z")

</div>

I think you may have mis-typed this line in your settings.js file.

I think it should be... `httpStatic: '/home/pi/image/',`

---

<div class="post-metadata">

**Author:** ![HollaDieWaldfee](https://avatars.discourse-cdn.com/v4/letter/h/cdc98d/32.png) [@HollaDieWaldfee](https://discourse.nodered.org/u/HollaDieWaldfee)\
**Post date:** [11 February 2022 07:49 UTC](https://discourse.nodered.org/t/background-image-dashboard/58130/3 "2022-02-11T07:49:51Z")

</div>

Unfortunately it didnt make a difference ... eventho i restarted node red

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/f/8/f866c9f651ad12f434e8ef24d7596e6a9304d7d3.jpeg)

---

<div class="post-metadata">

**Author:** ![HollaDieWaldfee](https://avatars.discourse-cdn.com/v4/letter/h/cdc98d/32.png) [@HollaDieWaldfee](https://discourse.nodered.org/u/HollaDieWaldfee)\
**Post date:** [11 February 2022 07:54 UTC](https://discourse.nodered.org/t/background-image-dashboard/58130/4 "2022-02-11T07:54:28Z")

</div>

I found my problem .... my fault. Still thank you!!

---

<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:** [11 February 2022 07:59 UTC](https://discourse.nodered.org/t/background-image-dashboard/58130/5 "2022-02-11T07:59:18Z")

</div>

Can you share what was the problem/solution for the sake of other people who might read this thread?

---

<div class="post-metadata">

**Author:** ![HollaDieWaldfee](https://avatars.discourse-cdn.com/v4/letter/h/cdc98d/32.png) [@HollaDieWaldfee](https://discourse.nodered.org/u/HollaDieWaldfee)\
**Post date:** [11 February 2022 08:19 UTC](https://discourse.nodered.org/t/background-image-dashboard/58130/6 "2022-02-11T08:19:03Z")

</div>

Sure ...Since it wasnt me who set up node red on the raspberry pi, someone f\*\*\* up and installed it twice. I then checked if I was in the right "settings.js" file, but i wasnt.  
If you have a look on my screenshot, i had the /usr/lib..../settings.js opended, but on the node red log it says [info] Settings file : /home/pi/.node-red/settings.js

It just didnt appear to me that we have 2 node red versions on this raspberry pi... which is not good

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [11 February 2022 08:24 UTC](https://discourse.nodered.org/t/background-image-dashboard/58130/7 "2022-02-11T08:24:30Z")

</div>

> [@HollaDieWaldfee](#):
>
> It just didnt appear to me that we have 2 node red versions on this raspberry pi

You don't have two versions. The one in /usr is the master version that is copied into your .node-red folder for use at runtime.  
It is not advisable to accuse others in that way unless you understand the evidence.

---

<div class="post-metadata">

**Author:** ![StrongTown](https://avatars.discourse-cdn.com/v4/letter/s/4bbf92/32.png) [@StrongTown](https://discourse.nodered.org/u/StrongTown)\
**Post date:** [15 February 2022 21:09 UTC](https://discourse.nodered.org/t/background-image-dashboard/58130/8 "2022-02-15T21:09:41Z")

</div>

You could also do it right inside NR using a dashboard template node with the following code:.

```auto
<style>
    body {
        background-image: url("/Dashback_2021a.jpg"); // file path
        background-repeat: no-repeat;
        background-size: auto;
        background-position: bottom left;
    }
</style>

```

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [1 March 2022 21:10 UTC](https://discourse.nodered.org/t/background-image-dashboard/58130/9 "2022-03-01T21:10:36Z")

</div>

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.