Clear Dynamically Form UI

Dashboard
1

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.

2

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.

1 Like
3

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

4

photo1

photo2
photo2896Ă—792 22.7 KB

The Result Display In Debug Node == Undefined

5

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)

6

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

7

photo3
photo3981Ă—750 25.2 KB

8

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.

[{"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}]
1 Like
9

Thanks for your Reply I found the answer...

10

What was the solution?

11

This is the solution:

12

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

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

return msg;
3 Likes