increase the number of input box upon clicking of the button

If I click on the button (Add input) it should ask for the name and data type of the i/p and after the confirmation it should create i/p box accordingly .

please assist ,

Thanks

07 Jun 2021

Sachin Waghmare

Champion

Hello Nandini,

Could you please try this forge component and see if it fulfills your requirements?

https://www.outsystems.com/forge/component-overview/4694/dynamic-fields-generation

Thanks & Kind Regards,

Sachin

07 Jun 2021

2 replies

Last reply 11 Jun 2021

Show thread

Hide thread

Nandini T S

Thanks for the response ,

Sure i will check and let you know

08 Jun 2021

Nandini T S

Hi ,

I tried with one you have shared it is not working,

Could you please suggest me further ,

Thanks

11 Jun 2021

Dileep Verma

Hi Nandini,

May be you can explore the Javascript to achieve this.

Please find the below links to explore more on this type of scnearios. As this type of scenarios u need to customize the logic based on external JS or by writing JS code in Node.

https://codepen.io/amarish_kumar/pen/ysenk

https://codepen.io/calotesantos/pen/dVQjMJ

Thanks,

Dileep Verma

12 Jun 2021

Marco Sacay

Hi Nandini,

I made something like this before (except for asking datatype).
Without using any forge component, you can use the Append server action to add more controls/component on your user interface.

You may refer to this Add More button/link logic:

While the expected User interface will be like this:
-Clicking Add more will add additional Business Name, First Name, Last Name, Middle Name, Contact Number.

Hope this will help you.

Cheers!
Marco

12 Jun 2021

Safiya Shaikh

Hi Nandini,

You can Use List Append Client Action to increase the number of input boxes.If you click on Add details button you need to use pop widget for confirmation.Hope this will help you.