I am trying to make a design decision and I don’t know which way to go.
I have five or so repeating groups that I want to display to the user. From a pure information perspective it makes sense to display them all on the same page, but not at the same time. Each repeating group retrieves data from a different table and each repeating group has a separate layout.
I can build this in two ways, and I don’t know which is best. They would seem exactly the same to the user, so it is a purely technical decision.
The first way is to create a separate page for each repeating group. I would then put selection buttons/icons in a header row (reusable element) on top of all the pages. The user would click a button and the header row stays the same but the repeating group below changes. Not very complicated.
My second option is to put all repeating groups on the same page, but in separate containers. I would then use custom states connected to the buttons in the header to make a certain group appear and all others disappear (and collapse). I think this would be completely identical to the first alternative from a user perspective.
I can see one huge disadvantage of option two if Bubble populates the repeating groups att page load, even if the repeating group is not shown since this would impact performance. Perhaps also option two is “messier” and therefore harder to maintain. It might be cleaner to use separate pages. So, I am leaning towards option one, to use separate pages, but are there advantages to having all repeating groups on the same page?