How to click a add more button and insert a new input fields? is it possible to make this in bubble?

textmeinfofree · 2024-12-09T11:47:52.435Z

How to click a add more button and insert a new input fields? is it possible to make this in bubble? everytime I click add more a new input field will show. can anybody help me fix this please?

Screenshot 2024-12-09 at 5.13.58 PM676×177 3.13 KB

adamhholmes · 2024-12-09T12:14:07.866Z

Sure…

So you’ll need to use a repeating group for the form inputs, with each cell of the RG containing the inputs.

Then, when the ‘Add more button is clicked’ just add a new item to the RG.

textmeinfofree · 2024-12-09T12:29:36.446Z

i tried… i have a RG and under that i have 4 inputs. i dont know what data source to give in RG.
do you have a min to quickly jump on a gmeet? please

adamhholmes · 2024-12-09T12:38:03.469Z

textmeinfofree:

i tried… i have a RG and under that i have 4 inputs. i dont know what data source to give in RG.

The RG datasource can be anything you like.

I usually just use a list of numbers - then just add one number to that list (you can use text instead)

But, due to a Bubble limitation it can be difficult getting the values of the inputs out (you need some custom javascript or a plugin for that).

An alternative is to create items in the database and use autowinding - it’s a bit easier that way, and more ‘Bubble’ - but is unnecessarily costly in WU and will likely lead to a lot of orphaned data (which you can learn up using a scheduled backend WF)

harry7 · 2024-12-09T12:51:42.251Z

This doesn’t solve the problem you are asking, but rather another way you could do this is to have just one set of inputs and a repeating group showing the data created.
In my app a user creates ‘tiers’ for a plan and it looks like this:

image925×403 16.5 KB

When the ‘Add’ button is pressed a new row is created in the repeating group so the user can make as many ‘tiers’ as they want.

textmeinfofree · 2024-12-09T13:14:26.712Z

i didnt get it.
How do i use list of numbers in data source of RG ? it is very confusing. can you make a short video if possible or will get on a g meet ? please

textmeinfofree · 2024-12-09T13:17:09.820Z

i have a RG and under that i have 4 input fields. when user fill the product details qty and price and click add more new input fields to show up. i dont know how it is there in your app. Do you have a min to get on a g meet?

mitchbaylis · 2024-12-10T08:18:30.738Z

what I think you want is the user to be able to make their own “database/table”

you want the user to be able to build a table of their own fields?
if that’s the case you can achieve by having a data for “field” and then click to create and some conditional logic to change the input that is shown and what field it stores onto on the “field data”. I don’t recommend it for a big use case but it is fine for “letting the user create custom fields on a subscriber in an email marketing app”.

adamhholmes · 2024-12-10T08:45:59.976Z

Just select Number as the type of data.

Generate a list of numbers (i.e. using the list of numbers element from the Toolbox plugin) and use that as the datasource.

system · 2025-02-17T11:47:57.052Z

This topic was automatically closed after 70 days. New replies are no longer allowed.