Understanding element and page flow

Hey team, long time turkey, first time poster. I have read a lot about bubble here and there and played around with it. while I don’t think I have a complete understanding I feel confident about knowing bits. I’m also front end developer and did a lot of design work.

One thing I’m still not quite getting is how the content is laid out on the page, and by this I don’t necessarily mean responsiveness. It looks to me like Bubble is using absolute positioning to place elements exactly where you placed them in the editor and on occasion use an algorithm to move these (for instance collapsing when empty - although I couldn’t get that to work).

Content is dynamic though and it’s becomes very cumbersome to organize the page if there is no natural flow. The main use case is let’s say you put a bunch of repeating groups on top of each other on the page (not as layers but one after the other). It seems quite a bit of work to make sure they flow nicely regardless of the number of items and the length of the items.

On the other hand I might be missing something very common here. Can someone explain how the flow works or direct me to other places?

Much appreciated,

Thanks!

Jay

Reapting groups will collapse but will leave empty space.
The trick you have to group it. And hide this group. There an option to hide when collapse.

So if you have groups stacked one below the other it works

You don’t show and hide groups. That is too much to do. But you use custom state and make groups hide and appear depends on value of custom states. Search fourm custom states for navigation

1 Like

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