Create list input

My app allows people to create groups. The groups can have an arbitrary number of users, and I’m trying to build the page where users enter email and modify email addresses.

I found a plugin called “Email List” which was functional for create but not very pretty. On modify though, there is no way to prepopulate it with the existing members.

I do want to capture the emails as a list, as I call api’s with the list at creation. Is there a pretty [ + easy :slight_smile: ] way to accomplish this ? Can’t imagine I’m the only one with this problem.

This is a really common design pattern in Bubble and you can do it in lots of different ways. Watch me create a list dynamically at about 15’40" and talk about that. Here, I’m using :plus item to add an item to a repeating group (without interacting with the database):

Another video of me talking about Admin Interfaces, which probably also addresses this common design pattern:

(Forum post link: List Shifter: Reverse, Rotate, Swap and ITERATE (Loop) Over Bubble Lists | Now at v1.4: Adds Numeric Option, GET INDEX Action)

Edit: The second video definitely talks about this issue, in general. Both are instructive for learning what you desire to learn.

Thanks Keith!
Those were really helpful for creating multiple items, and I really appreciate your help.

Thinking through the modify use case, where users have a list of things, and now they want to edit that list ( add and remove only for simplicity. ) -

I can perhaps display the repeating group, and make a button on the group that allows someone to remove items, and just do the action on click. I’m thinking out loud here but I think that would work.

I think I was just scared of repeating groups because I’m not sure how to style them super well, but your second video addressed that too. :slight_smile:

1 Like

You can easily remove an item with :minus item, or several items with :minus list.

If you REALLY want to manipulate lists, see my List Shifter plugin (many many instructional videos of general interest in the main thread for that plugin. Just search “List Shifter” and prepare yourself!)

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