Unanswered

Dynamically add a new control (text input for example) after clicking a button

(3) Share

Report

Posted on by Community Power Pla...

Hello PowerUsers !

Is there a way that allows me to dynamically create a new text field?

For example:

I have a button "Add a new field" in my screen, if I click on this button I want a new text field appears in the same screen. And if I click again I want a 2nd text field to appear below. A bit like To do list in javascript and HTML ...

Thanks ...

Categories:

Building Power Apps

2.jpg

1.jpg

3.jpg

I have the same question (0)

All responses (12)

Answers (1)

Rick72 385 on at

Like (0)

Report

Hi @Anonymous,

Nope. Nocando. There is no way to dynamically add a control.

Perhaps you can make something to work with the same controls, variables, a gallery/table, the patch and refresh functions? I thought I saw a video about something like that once but cannot find it anymore.

The controls and the button add a new item to a collection. A refresh make the newly added item visible, Somethng like that.

Rick

Was this reply helpful? Yes No
Verified answer

v-xida-msft on at

Like (14)

Report
Hi @Anonymous,

Do you want to add a Text input control dynamically within the screen of your app when you click the Button control?

If you want to add a Text input control (or other controls) dynamically within the screen of your app when your click the Button control, I afraid that there is no way to achieve your needs in PowerApps currently.

If you would like this feature to be added in PowerApps, please submit an idea to PowerApps Ideas Forum :
https://powerusers.microsoft.com/t5/PowerApps-Ideas/idb-p/PowerAppsIdeas

As an alternative solution, you could consider take a try to embed the Text input control into a Gallery control. I have made a test on my side, please take a try with the following workaround:

Set the OnVisible property of the screen of your app to following formula:

ClearCollect(ItemsCollection,0)

Add a Gallery control within the screen of your app. Set the Items property of the Gallery control to following formula:

ItemsCollection

Within the Gallery control, add a Text input control.

Add a Button control within the screen, set the OnSelect property of the Button control to following formula:

Collect(ItemsCollection,CountRows(ItemsCollection))

The GIF image as below:

Best regards,

Kris

Was this reply helpful? Yes No
Community Power Pla... on at

Like (1)

Report

Thank you @v-xida-msft , this is exactly what I need !
Best regards !

Was this reply helpful? Yes No
Community Power Pla... on at

Like (0)

Report

Its working but if I have entered some value in the text box , on clicking the button to add new row clears the text in the previous row , and this doesnt replicate consistently . Do help me in solving this.

Was this reply helpful? Yes No
Rick72 385 on at

Like (1)

Report

Perhaps you are using "ClearCollect" instead of "Collect"?

Was this reply helpful? Yes No
Community Power Pla... on at

Like (5)

Report

Thanks for the excellent sharing!

One question: How do you access the data or content in those dynamic controls? Using the same example, the text input, how do I access the content of the the second, third textfield text that are generated dynamically?

Was this reply helpful? Yes No
DeevyaAskoolum 23 on at

Like (1)

Report
Hello Kris,

Thank you for posting the work around, it really helps.

I tried to implement same on my app, however the "add new text input button" does not work, the button does not dynamically add new text input control on the gallery.

I guess the issue is related with the button or the gallery Items property, I would be more than happy if you could help me troubleshoot and fix the control.

You will find below the controls on the app

1. Added the following on OnVisible property :
ClearCollect(Projectcollection,0)
2. The Gallery used is filtering data based from the 'Property Manager dropdown'. The items property is set to:
Filter(Properties, 'Property Manager' = Dropdown_PropertyManager.Selected.'Property Manager')
3. Add a text input control "Add Project" on the Gallery:

4. Added a button and set the OnSelect property to:
Collect((Properties),CountRows(Projectcollection))

Was this reply helpful? Yes No
shengaimani 8 on at

Like (1)

Report

Thanks, but item collection values are empty and not able to retrieve. For Eg. I have added two text box and entered values but Itemcollection shows values 0,1 and also empty string values to capture

Was this reply helpful? Yes No
Changal 62 on at

Like (0)

Report

Hi Kris,
Your post was really helpful. Can we add a label or text input instead of button to enter the number of required TEXT INPUTS. If yes then what functionality we need to add to the label to make it work. For example if i enter 50 in the label or text input, then 50 text inputs need to generate.

Screenshot 2022-0...

Was this reply helpful? Yes No
NidjoJohnny22 288 on at

Like (0)

Report

Hi, I'm having trouble because my first input row data is being deleted when I intend to create a new row. any advice with collections to override the issue?

Was this reply helpful? Yes No