# UI Template send payload at button click

**URL:** https://discourse.nodered.org/t/ui-template-send-payload-at-button-click/17710
**Category:** Dashboard
**Created:** [9 November 2019 15:04 UTC](https://discourse.nodered.org/t/ui-template-send-payload-at-button-click/17710 "2019-11-09T15:04:27Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![Henjoe](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/henjoe/32/52335_2.png) [@Henjoe](https://discourse.nodered.org/u/Henjoe)
#### Post date: [9 November 2019 15:04 UTC](https://discourse.nodered.org/t/ui-template-send-payload-at-button-click/17710/1 "2019-11-09T15:04:27Z")

</div>

Hello i have simple html that has a button,  
I want the UI template to send msg.payload = "Hello World" when  
button click. How am I going to do this? Is it possible? Thanks in advance! ![btn](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/3/364250ec9f2c6569a718af2528836bf71484c23c.jpeg)

---

<div class="post-metadata">

### Author: ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)
#### Post date: [9 November 2019 16:32 UTC](https://discourse.nodered.org/t/ui-template-send-payload-at-button-click/17710/2 "2019-11-09T16:32:39Z")

</div>

What does the info panel for the ui\_template say ?

---

<div class="post-metadata">

### Author: ![Henjoe](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/henjoe/32/52335_2.png) [@Henjoe](https://discourse.nodered.org/u/Henjoe)
#### Post date: [9 November 2019 16:33 UTC](https://discourse.nodered.org/t/ui-template-send-payload-at-button-click/17710/3 "2019-11-09T16:33:35Z")

</div>

Hello my friend, what do you mean by info panel?

---

<div class="post-metadata">

### Author: ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)
#### Post date: [9 November 2019 16:35 UTC](https://discourse.nodered.org/t/ui-template-send-payload-at-button-click/17710/4 "2019-11-09T16:35:15Z")

</div>

You may need to spend some time looking at the Node-RED interface.

The info panel is the default panel showing on the right-hand side of the Editor.

---

<div class="post-metadata">

### Author: ![Henjoe](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/henjoe/32/52335_2.png) [@Henjoe](https://discourse.nodered.org/u/Henjoe)
#### Post date: [9 November 2019 16:36 UTC](https://discourse.nodered.org/t/ui-template-send-payload-at-button-click/17710/5 "2019-11-09T16:36:26Z")

</div>

Ah.. see.  
you mean the debug screen?

---

<div class="post-metadata">

### Author: ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)
#### Post date: [9 November 2019 16:38 UTC](https://discourse.nodered.org/t/ui-template-send-payload-at-button-click/17710/6 "2019-11-09T16:38:13Z")

</div>

No, that is a different panel. There are several panels that appear there. You want the one with the `i`

---

<div class="post-metadata">

### Author: ![Henjoe](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/henjoe/32/52335_2.png) [@Henjoe](https://discourse.nodered.org/u/Henjoe)
#### Post date: [9 November 2019 16:38 UTC](https://discourse.nodered.org/t/ui-template-send-payload-at-button-click/17710/7 "2019-11-09T16:38:56Z")

</div>

Yes yes. I knew it. Uhmm.. what should I look in here?

---

<div class="post-metadata">

### Author: ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)
#### Post date: [9 November 2019 16:40 UTC](https://discourse.nodered.org/t/ui-template-send-payload-at-button-click/17710/8 "2019-11-09T16:40:09Z")

</div>

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

---

<div class="post-metadata">

### Author: ![Henjoe](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/henjoe/32/52335_2.png) [@Henjoe](https://discourse.nodered.org/u/Henjoe)
#### Post date: [9 November 2019 16:44 UTC](https://discourse.nodered.org/t/ui-template-send-payload-at-button-click/17710/9 "2019-11-09T16:44:30Z")

</div>

OMG! Im to newbee not knowing this 🤞  
Thanks for all of your help!