# Place images inside HTML with ui\_dashboard

**URL:** <https://discourse.nodered.org/t/place-images-inside-html-with-ui-dashboard/78332>\
**Category:** Dashboard\
**Created:** [10 May 2023 20:15 UTC](https://discourse.nodered.org/t/place-images-inside-html-with-ui-dashboard/78332 "2023-05-10T20:15:13Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![luno](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/luno/32/79724_2.png) [@luno](https://discourse.nodered.org/u/luno)\
**Post date:** [10 May 2023 20:15 UTC](https://discourse.nodered.org/t/place-images-inside-html-with-ui-dashboard/78332/1 "2023-05-10T20:15:13Z")

</div>

i'm developing a list of people and i want to place images on the side of their names

the code is something like

```auto
<table border="1">
    <tr>
        <td>Name</td>
        <td>Picture</td>
         </tr>
    <tr>
        <td>Pedro Pascal</td>
        <td><<img src="C:\Users\dague\Pictures\tttt\image1.jpg" width="500" height="600">></td>
         </tr>
</table>

```

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

and it just returns this:

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

how i do that?  
i dont think the ui\_media would be a good node to use because it will be based on sql and i cant know how many data will be displayed

---

<div class="post-metadata">

**Author:** ![Sean-McG](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sean-mcg/32/54677_2.png) [@Sean-McG](https://discourse.nodered.org/u/Sean-McG)\
**Post date:** [12 May 2023 14:48 UTC](https://discourse.nodered.org/t/place-images-inside-html-with-ui-dashboard/78332/2 "2023-05-12T14:48:11Z")

</div>

In settings.js there is a setting for httpStatic, you need to set this path to a location where you want to serve your images from. Then restart NR.

eg create a folder in your NR directory called images and set the path to `'./images'` then use

```auto
<img src="filename">

```

---

<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:** [11 June 2023 14:48 UTC](https://discourse.nodered.org/t/place-images-inside-html-with-ui-dashboard/78332/3 "2023-06-11T14:48:25Z")

</div>

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