# How to display an image on Node red dashboard using template node

**URL:** <https://discourse.nodered.org/t/how-to-display-an-image-on-node-red-dashboard-using-template-node/24734>\
**Category:** General\
**Created:** [13 April 2020 08:51 UTC](https://discourse.nodered.org/t/how-to-display-an-image-on-node-red-dashboard-using-template-node/24734 "2020-04-13T08:51:55Z")\
**Posts on this page:** 1\
**Showing post:** 5

<div class="post-metadata">

**Author:** ![danielbolla](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/danielbolla/32/19972_2.png) [@danielbolla](https://discourse.nodered.org/u/danielbolla)\
**Post date:** [13 April 2020 19:44 UTC](https://discourse.nodered.org/t/how-to-display-an-image-on-node-red-dashboard-using-template-node/24734/5 "2020-04-13T19:44:38Z")

</div>

Hi Jude,

# Steps

1. There is a `settings.js` file, which contains the path of your static dashboard contents.  
It is usually located in `C:\Users\{{userName}}\.node-red` where `{{userName}}` is your user name.  
Open this file end edit the following line, and save the file.

```auto
...
    // When httpAdminRoot is used to move the UI to a different root path, the
    // following property can be used to identify a directory of static content
    // that should be served at http://localhost:1880/.
    // httpStatic: '/home/nol/node-red-static/',
    httpStatic: 'C:\Users\{{userName}}\.node-red\static' 
...

```

Again, the `{{userName}}` is your user name.

1. Now create a folder in `C:\Users\{{userName}}\.node-red` called `static`.
2. Put your picture inside
3. Restart your node-red
4. Now you can use the relative path to the image from your `static` folder, just use a `/` before it.

# Example:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/c/8/c82bf33e73a0542f62f0b74ec9b9fa4a5eb946bc.png)

Daniel

---

_[View the full topic](https://discourse.nodered.org/t/how-to-display-an-image-on-node-red-dashboard-using-template-node/24734)._