Creating Different Groups from a popup of categories

Need help
1

Hey Everyone,

Just jumped on the Bubble train and need some assistance from an expert please…

What I’m trying to achieve is a continuous vertically scrolling page with a button that opens a popup.
When the user opens the popup and clicks from a range of buttons, I would like a pre-determined group of elements (including inputs and dropdowns) relevant to the selected button to be inserted in line on the vertical page in the order in which they select the buttons.

So far, I’ve created the first group which contains dropdowns and inputs for the user to select from and I’m in the process of creating the pop up.

Be great if someone could point me in the right direction.

2

Hello @ryan23,

  • Create a structure of groups for them to show and hide as you want them. Bubble is a blank canvas so you have to create the UI structure
  • Groups can be set, or not, to be of a type of content and to house content. Set them accordingly and do not forget to establigh parenting (… e.g. parent’s group thing in the nested groups)
  • Say that one of the groups you want to show/hide houses dropdowns, buttons, icons, other groups, etc etc that you want to show/hide conditionally. That group content type can show data if that content type is adequatly structured in the database. What I mean is … e.g. a project related to its milestones, to its tasks, and to any other database object. If this exists in the database then the group can show it, or not, conditionally.

Just some thoughts to get you going.

Best of luck with your app

3

Thanks @cmarchan,

Understand that all potential groups should be created and sit on the page and only be visible when selected but what if the user selects more of one particular group and in a random order?

Example scenario -

  1. Button 1 selected from pop up and relevant group of elements made visible to user.
    2.Button 2 selected from pop up and relevant group of elements is visible to user.
    3.They choose button 1 again (but that group has already been previously populated).

Ideally, I’d like the user to be able to create a new group containing the same elements so that no matter what button they choose, a fresh one appears in the order they want it.

I have 25 buttons with 25 corresponding groups of pre-arranged elements. The only way I can think of doing it is duplicating all 25 of them numerous times to account for all possibilities. Is there a quicker way or is that what I’ll have to do?

Thanks

7

I see

  • Consider creating a thing called category. Assign at minimum a name field.
  • Create each of the 25 categories in the dB
  • Display the categories in an RG that achieves the nice UI you show
  • Create a custom state for a list of categories on the page
  • Build the necessary logic so that everytime a user clicks on a category to select it or to deselect it

This is very instructive video by @gregoryjohn showing how to add/substract from lists > Create and save list selections | Bubble.io Tutorial

8

Instead of things to manage the categories you can also consider option sets

Option Sets | Bubble.io Tutorial

9

@cmarchan Thank you for your help Sir

1 Like
10

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