# Changing the pictures as per the buttons click on

**URL:** <https://discourse.nodered.org/t/changing-the-pictures-as-per-the-buttons-click-on/96759>\
**Category:** Dashboard\
**Tags:** node-red-dashboard, dashboard-2\
**Created:** [25 April 2025 18:41 UTC](https://discourse.nodered.org/t/changing-the-pictures-as-per-the-buttons-click-on/96759 "2025-04-25T18:41:54Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [25 April 2025 19:08 UTC](https://discourse.nodered.org/t/changing-the-pictures-as-per-the-buttons-click-on/96759/2 "2025-04-25T19:08:38Z")

</div>

Hi welcome to the forum.

Firstly, your flow cannot be imported as it is corrupt...

In order to make code readable and usable it is necessary to surround your code with three backticks (also known as a left quote or backquote `````)

````auto
``` 
   code goes here 
```

````

You can edit and correct your post by clicking the pencil ✏ icon.

See this post for more details - [How to share code or flow json](https://discourse.nodered.org/t/how-to-share-code-or-flow-json/506)

Secondly, have you seen the demo in [the docs](https://dashboard.flowfuse.com/nodes/widgets/ui-template.html)? (Hit the `Try Demo` button)

 ![Screenshot_20250425-200810](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/0/2031840fbdbee3402ced592ced0a9695e459e033.png)

---

_[View the full topic](https://discourse.nodered.org/t/changing-the-pictures-as-per-the-buttons-click-on/96759)._