# Ui\_form - Manipulation from input

**URL:** https://discourse.nodered.org/t/ui-form-manipulation-from-input/43424
**Category:** Dashboard
**Created:** [30 March 2021 20:51 UTC](https://discourse.nodered.org/t/ui-form-manipulation-from-input/43424 "2021-03-30T20:51:37Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![ScheepersJohan](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/scheepersjohan/32/39556_2.png) [@ScheepersJohan](https://discourse.nodered.org/u/ScheepersJohan)
#### Post date: [30 March 2021 20:51 UTC](https://discourse.nodered.org/t/ui-form-manipulation-from-input/43424/1 "2021-03-30T20:51:38Z")

</div>

Hi,

I have Googeld, but cant find a example of how to manipulate the ui-form from a json or any input to it.

Can you manipulate the form fields from a input to it?

Thank you

---

<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: [30 March 2021 21:01 UTC](https://discourse.nodered.org/t/ui-form-manipulation-from-input/43424/2 "2021-03-30T21:01:24Z")

</div>

> [@ScheepersJohan](#):
>
> Can you manipulate the form fields from a input to it?

In what way?

What are you trying to achieve?

---

<div class="post-metadata">

### Author: ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)
#### Post date: [30 March 2021 21:05 UTC](https://discourse.nodered.org/t/ui-form-manipulation-from-input/43424/3 "2021-03-30T21:05:03Z")

</div>

As far I know there is no way to change or populate fields of ui\_form node via input messages. It is pretty much static. Probably for purpose.

---

<div class="post-metadata">

### Author: ![ScheepersJohan](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/scheepersjohan/32/39556_2.png) [@ScheepersJohan](https://discourse.nodered.org/u/ScheepersJohan)
#### Post date: [30 March 2021 21:07 UTC](https://discourse.nodered.org/t/ui-form-manipulation-from-input/43424/4 "2021-03-30T21:07:22Z")

</div>

The idea is to have 3 selection buttons manipulating the fields in the form.

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/c/1c764f044202c8d1af4e1ba32d9d6510ec6aafc7.png)  
Something like this?

---

<div class="post-metadata">

### Author: ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)
#### Post date: [30 March 2021 21:23 UTC](https://discourse.nodered.org/t/ui-form-manipulation-from-input/43424/5 "2021-03-30T21:23:55Z")

</div>

If for values, then yes, you can change values for fields.

```auto
[{"id":"edc698bb.24c5b8","type":"ui_form","z":"d4ff3fe5.7e9e7","name":"","label":"","group":"a1b48177.63b91","order":4,"width":0,"height":0,"options":[{"label":"DEFAULT 1","value":"first","type":"text","required":true,"rows":null},{"label":"DEFAULT 2","value":"second","type":"text","required":false,"rows":null}],"formValue":{"first":"","second":""},"payload":"","submit":"submit","cancel":"cancel","topic":"topic","topicType":"msg","splitLayout":true,"x":400,"y":620,"wires":[[]]},{"id":"47e6a047.dea2f","type":"inject","z":"d4ff3fe5.7e9e7","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"{\"first\":\"CHANGED FIRST\",\"second\":\"CHANGED SECOND\"}","payloadType":"json","x":180,"y":620,"wires":[["edc698bb.24c5b8"]]},{"id":"a1b48177.63b91","type":"ui_group","name":"Default","tab":"c122ecdc.526d7","order":2,"disp":true,"width":"6","collapse":false},{"id":"c122ecdc.526d7","type":"ui_tab","name":"Home","icon":"dashboard","order":1,"disabled":false,"hidden":false}]

```

---

<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: [30 March 2021 21:33 UTC](https://discourse.nodered.org/t/ui-form-manipulation-from-input/43424/6 "2021-03-30T21:33:08Z")

</div>

> [@ScheepersJohan](#):
>
> Something like this?

That still doesnt say a lot TBF.

Do you expect the last "form" node to have dynamic fields added / removed / hidden / shown?  
Do you expect the last "form" node to have dynamic payloads set?  
Do you expect to adjust the labels of the last "form" node?

Probably best to say now - the form node is not 100% dynamic. If you want to build/add-to/adjust a dynamic form, then you will have to use something like the ui\_template and DIY it.

---

<div class="post-metadata">

### Author: ![ScheepersJohan](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/scheepersjohan/32/39556_2.png) [@ScheepersJohan](https://discourse.nodered.org/u/ScheepersJohan)
#### Post date: [30 March 2021 21:37 UTC](https://discourse.nodered.org/t/ui-form-manipulation-from-input/43424/7 "2021-03-30T21:37:30Z")

</div>

I wanted to dynamic fields added / removed / hidden / shown and adjust the labels.

Seems a ui\_template will have to be done.

Thanks for your input.

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)
#### Post date: [29 April 2021 21:37 UTC](https://discourse.nodered.org/t/ui-form-manipulation-from-input/43424/8 "2021-04-29T21:37:51Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
