# UI template image via msg.payload

**URL:** <https://discourse.nodered.org/t/ui-template-image-via-msg-payload/4395>\
**Category:** Dashboard\
**Created:** [29 October 2018 19:33 UTC](https://discourse.nodered.org/t/ui-template-image-via-msg-payload/4395 "2018-10-29T19:33:57Z")\
**Posts on this page:** 1\
**Showing post:** 6

<div class="post-metadata">

**Author:** ![SuperNinja](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/superninja/32/5761_2.png) [@SuperNinja](https://discourse.nodered.org/u/SuperNinja)\
**Post date:** [22 February 2019 14:36 UTC](https://discourse.nodered.org/t/ui-template-image-via-msg-payload/4395/6 "2019-02-22T14:36:14Z")

</div>

**i found the solution : in the UI Template paste this :** 😃

```auto
<p> Status:
<img width="30" height="30" src= {{msg.payload}} alt='Image not found' />
</p>

```

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

**And go further :**

**add** in the function node : `msg.title = 'Working good !' ;`  
and in the UI Template : `title={{msg.title}}`

![title](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/c/c6855d21614491ef2bea0789c41f132819c404fc.png)  
_display a message when the mouse is over_

---

_[View the full topic](https://discourse.nodered.org/t/ui-template-image-via-msg-payload/4395)._