Introducing Masonry Layout for Repeating Groups

Ótima ideia! :grinning:

There’s a fairly new plugin that will do that.

Hey everyone! check out this new youtube video How to create a Masonry Grid Layout in a Repeating Group | Bubble and also this interactive online tutorial Masonry Grid for Repeating Groups | Bubble Feature Spotlight | Arcade for masonry grid. Enjoy and hope they are helpful!

2 Likes

How do you keep the bottom cells from bunching up? After 40 or so items they clump up at the bottom left. I’ve tried different layouts and loading everything at once with no success. How do I fix this behavior?

Hi! You mentioned that as of right now, only vertical masonry is supported. Do you have plans to update this feature to include horizontal masonry in the future?

1 Like

@yi.zhang I’ve started to use Masonry Layout in my app. However, I’ve noticed a performance impact / UI bug on desktop. Specifically:

  • Each group in my Repeating Group contains an image, and one small bit of text
  • On desktop home, the RG may show up to 50 items at a time
  • When navigating to/from home, some of the images are slightly out of place, then they snap back into place

I only see on this desktop, and only with Masonry. If I turn Masonry off, and do the same to/from page nav, the performance + UI issue goes away. Please advise.