# Using the msg.payload to change ui template **URL:** https://discourse.nodered.org/t/using-the-msg-payload-to-change-ui-template/2829 **Category:** Dashboard **Created:** [4 September 2018 10:52 UTC](https://discourse.nodered.org/t/using-the-msg-payload-to-change-ui-template/2829 "2018-09-04T10:52:50Z") **Posts on this page:** 1 **Showing post:** 9

### Author: ![kebebs](https://avatars.discourse-cdn.com/v4/letter/k/3be4f8/32.png) [@kebebs](https://discourse.nodered.org/u/kebebs) #### Post date: [4 September 2018 14:35 UTC](https://discourse.nodered.org/t/using-the-msg-payload-to-change-ui-template/2829/9 "2018-09-04T14:35:56Z")

```auto [{"id":"8e1bd91f.0351b8","type":"inject","z":"60c4f4eb.03d874","name":"","topic":"dolly","payload":"hey","payloadType":"str","repeat":"","crontab":"","once":false,"onceDelay":0.1,"x":300,"y":240,"wires":[["5a85126b.bb1f34"]]},{"id":"5a85126b.bb1f34","type":"ui_template","z":"60c4f4eb.03d874","group":"6e5e2fd4.bea84","name":"","order":1,"width":"23","height":"23","format":"\n\n\n \n\n

Image to use:

\n\n $\"The$ \n\n

Canvas:

\n\n

\n\n\n","storeOutMessages":true,"fwdInMessages":true,"templateScope":"local","x":540,"y":160,"wires":[["b283a520.d76fe"]]},{"id":"b283a520.d76fe","type":"debug","z":"60c4f4eb.03d874","name":"","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"payload","x":810,"y":220,"wires":[]},{"id":"6e5e2fd4.bea84","type":"ui_group","z":"","name":"Route","tab":"f540ef38.3110e","disp":true,"width":"23","collapse":false},{"id": "f540ef38.3110e","type":"ui_tab","z":"","name":"Route","icon":"dashboard","order":2}] ``` --- _[View the full topic](https://discourse.nodered.org/t/using-the-msg-payload-to-change-ui-template/2829)._