# Clear Dynamically Form UI

**URL:** <https://discourse.nodered.org/t/clear-dynamically-form-ui/19061>\
**Category:** Dashboard\
**Created:** [12 December 2019 08:16 UTC](https://discourse.nodered.org/t/clear-dynamically-form-ui/19061 "2019-12-12T08:16:49Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![Hamidreza](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hamidreza/32/15058_2.png) [@Hamidreza](https://discourse.nodered.org/u/Hamidreza)\
**Post date:** [12 December 2019 08:16 UTC](https://discourse.nodered.org/t/clear-dynamically-form-ui/19061/1 "2019-12-12T08:16:50Z")

</div>

I Want To Clear Form Manually.  
My Form Contain 2Textinput ,UserName And Password.  
I Want Clear UserName and Password In The Form Manually When Accept Password.

---

<div class="post-metadata">

**Author:** ![droberts](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/droberts/32/40295_2.png) [@droberts](https://discourse.nodered.org/u/droberts)\
**Post date:** [12 December 2019 12:48 UTC](https://discourse.nodered.org/t/clear-dynamically-form-ui/19061/2 "2019-12-12T12:48:08Z")

</div>

From the output of the form node, wire in a change node which sends msg.UserName = '' and msg.Password = ''. Might need a switch node after the form as well to ignore any blanks that get passed through depending on how it works.

---

<div class="post-metadata">

**Author:** ![Hamidreza](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hamidreza/32/15058_2.png) [@Hamidreza](https://discourse.nodered.org/u/Hamidreza)\
**Post date:** [13 December 2019 14:39 UTC](https://discourse.nodered.org/t/clear-dynamically-form-ui/19061/3 "2019-12-13T14:39:46Z")

</div>

Hi  
Thanks For Reply  
I'll test and give you the answer.

---

<div class="post-metadata">

**Author:** ![Hamidreza](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hamidreza/32/15058_2.png) [@Hamidreza](https://discourse.nodered.org/u/Hamidreza)\
**Post date:** [14 December 2019 05:53 UTC](https://discourse.nodered.org/t/clear-dynamically-form-ui/19061/4 "2019-12-14T05:53:09Z")

</div>

![photo1](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/f/fb476858bc700ba6b5cbe6084ad97e58368cb1e6.png)

 ![photo2](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/e/e4ee188c72027720e6ed296e32053591bb562976.png)  
The Result Display In Debug Node == Undefined

---

<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:** [14 December 2019 08:31 UTC](https://discourse.nodered.org/t/clear-dynamically-form-ui/19061/5 "2019-12-14T08:31:59Z")

</div>

I think you want it the other way round.. Set msg.user to msg.payload. As that button will only send a payload (and maybe a topic)

---

<div class="post-metadata">

**Author:** ![Hamidreza](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hamidreza/32/15058_2.png) [@Hamidreza](https://discourse.nodered.org/u/Hamidreza)\
**Post date:** [14 December 2019 09:50 UTC](https://discourse.nodered.org/t/clear-dynamically-form-ui/19061/6 "2019-12-14T09:50:25Z")

</div>

I Want Clear The Form ui Manually  
payload Button is == ""  
But Not Working and Form Not Clear  
My From Contain 2textInput User And Pass  
I Want Clear User And Pass Textinput On Form

---

<div class="post-metadata">

**Author:** ![Hamidreza](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hamidreza/32/15058_2.png) [@Hamidreza](https://discourse.nodered.org/u/Hamidreza)\
**Post date:** [14 December 2019 09:52 UTC](https://discourse.nodered.org/t/clear-dynamically-form-ui/19061/7 "2019-12-14T09:52:38Z")

</div>

![photo3](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/a/aa1aed6859d56107b12dad014b69c24f73d7b881.png)

---

<div class="post-metadata">

**Author:** ![droberts](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/droberts/32/40295_2.png) [@droberts](https://discourse.nodered.org/u/droberts)\
**Post date:** [18 December 2019 15:45 UTC](https://discourse.nodered.org/t/clear-dynamically-form-ui/19061/8 "2019-12-18T15:45:16Z")

</div>

It doesn't seem to work on the form node.

I prefer using the text input ones, then using my own buttons etc.

The flow below shows how to do this with a text input form.

```auto
[{"id":"4b1c894e.d283b8","type":"tab","label":"Flow 5","disabled":false,"info":""},{"id":"b2971630.6e5108","type":"ui_button","z":"4b1c894e.d283b8","name":"","group":"b98a1e99.eaab7","order":5,"width":"6","height":"1","passthru":true,"label":"Clear","tooltip":"","color":"","bgcolor":"","icon":"close","payload":"' '","payloadType":"str","topic":"","x":290,"y":100,"wires":[["612b7dcd.8bc004"]]},{"id":"98626d19.9b811","type":"ui_text_input","z":"4b1c894e.d283b8","name":"","label":"Scan ID Card Barcode","tooltip":"","group":"b98a1e99.eaab7","order":3,"width":"6","height":"1","passthru":true,"mode":"text","delay":"1","topic":"","x":680,"y":100,"wires":[[]]},{"id":"612b7dcd.8bc004","type":"change","z":"4b1c894e.d283b8","name":"","rules":[{"t":"set","p":"payload","pt":"msg","to":"","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":460,"y":100,"wires":[["98626d19.9b811"]]},{"id":"b98a1e99.eaab7","type":"ui_group","z":"","name":"Default","tab":"d1f0aded.08bff","disp":true,"width":"6","collapse":false},{"id":"d1f0aded.08bff","type":"ui_tab","z":"","name":"test","icon":"dashboard","disabled":false,"hidden":false}]

```

---

<div class="post-metadata">

**Author:** ![Hamidreza](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hamidreza/32/15058_2.png) [@Hamidreza](https://discourse.nodered.org/u/Hamidreza)\
**Post date:** [19 December 2019 05:35 UTC](https://discourse.nodered.org/t/clear-dynamically-form-ui/19061/9 "2019-12-19T05:35:47Z")

</div>

Thanks for your Reply I found the answer...

---

<div class="post-metadata">

**Author:** ![olegunnardahle](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/olegunnardahle/32/51145_2.png) [@olegunnardahle](https://discourse.nodered.org/u/olegunnardahle)\
**Post date:** [23 March 2020 14:29 UTC](https://discourse.nodered.org/t/clear-dynamically-form-ui/19061/10 "2020-03-23T14:29:29Z")

</div>

What was the solution?

---

<div class="post-metadata">

**Author:** ![snafu](https://avatars.discourse-cdn.com/v4/letter/s/8edcca/32.png) [@snafu](https://discourse.nodered.org/u/snafu)\
**Post date:** [12 May 2020 20:07 UTC](https://discourse.nodered.org/t/clear-dynamically-form-ui/19061/11 "2020-05-12T20:07:56Z")

</div>

This is the solution:

> [@How To Initial Form UI](https://discourse.nodered.org/t/how-to-initial-form-ui/19180/7):
>
> Hi Thanks For Reply Can you using Function Node this be done ? Example : msg.payload.temp; return msg;

---

<div class="post-metadata">

**Author:** ![deekshaha](https://avatars.discourse-cdn.com/v4/letter/d/e47c2d/32.png) [@deekshaha](https://discourse.nodered.org/u/deekshaha)\
**Post date:** [1 July 2020 00:49 UTC](https://discourse.nodered.org/t/clear-dynamically-form-ui/19061/12 "2020-07-01T00:49:34Z")

</div>

You can do this to explicitly clear the form by using this in a function node:

```auto
msg={};
msg.payload={};
msg.payload.propertyNameInForm='';

return msg;

```