To build something like this, we’re introducing a new “Scroll direction” in Repeating Groups called “Wrapped horizontally.” This setting allows the repeating group to act like a row container in that instead of scrolling, the items in the list will wrap to a new row if the number of items in the list is greater than the parent container will allow. This also means that columns do not need to be the same width and will fit width to content by default.
Note: Switching between scroll directions after designing your repeating group cells will not always transition gracefully.
With this setting enabled, your repeating group will also have access to Row gap and Column gap controls, allowing you to quickly and easily set standard distances between rows and columns of data in your repeating group.
Look forward to seeing what you all build with this feature!
Sometimes we get used to a handicap so much that we would either have made design changes to avoid encountering that or would have workarounds to counter it. So much that now when that handicap is being removed, we would run clueless for some time as to how to use this new capability!
I need to orient my thinking now that this is indeed possible in Bubble and I don’t need to change my designs for this restriction!
@nick.carroll This already solves many problems. If the repeating groups are formed in the next step like the images on Pinterest, it would be perfect.
a pinterest like grid used to be doable with html code or a zeroqode plugin (pinterest like grid) however, now bubble clearly loads data differently on page load than half a year ago and these methods cause a nearly unusable lag to achieve the effect shown above.
What would be cool is if they made some kind of algorithm that would “reorder” them it fits better if it’s within X amount of cells of it’s original location. So one tall picture could be next to 3 short pictures
I have been playing around with it and i have a doubt, how can we get a centered layout for all tags? Something like the below photo, i am not able to find a solution:
