Hi guys! As some of you here might already know I’m a designer (like lots of people here!) and last year I’ve built QritiQ using 100% Bubble. Bubble is fantastic – but there’s one ‘issue’ that keeps coming back when I’m designing apps with Bubble: Repeating group items must all have the same size. …

I am also giving my vote to that one :wink:

Dynamic Masonry Pinterest Style Cascading Grid I don’t know if they are going to come up with a solution for this anytime soon. But for now, here is a workaround so that you can at least achieve the Masonry/Pinterest type grid you’re looking for. Hopefully this helps! This allows you to have a fee…

Amazing tutorial, thanks man! I gave it a try and it works really well – and it’s really easy to set up. The repeating group somehow still ‘shows’ the empty list items – which is a bit annoying because it causes lots of whitespace at the bottom – but other than that this is a pretty good solution f…

You should be able to eliminate any whitespace between photos. What you’re telling it to do is only to show every fourth item in the list, starting on whichever column you’re on. So there shouldn’t be any empty list items as far as I know. Getting rid of whitespace should be a simple matter of shrin…

Ah yeah, whoops, shrinking the image group fixes it. :slight_smile: Sure, I think it would be good to create a separate showcase item for this. I think having a ‘Pinterest style grid’ was asked here before and this seems like a great solution.

I grappled with this issue for a long time. Glad to see you found a solution @jrowley343 Great effort. :clap:

Thanks for posting this. This is a frequent problem for me too, and I will likely move my project off Bubble due to the limitation. Dynamic tag clusters, link groups, and button groups are my biggest pain points—not so much the masonry grids. That said, I’m really impressed with how far I got using …

This is strange… I have variable height repeating groups in my app. I’ve pre placed all the text content I could possibly want to see in a cell (it’s important that it doesn’t overlap) and am hiding any of the content that shouldn’t appear in a particular cell - setting the element’s height to colla…

@zelus_pudding an alternative to using a transparent button is to place all of the cell contents in a group, and then make that group clickable. That way everything should resize since no elements are overlapping. :slight_smile:

I have asked about this before… and about centering RGs. Bubble has said they would put this on their horizon but i dunno how long till it gets resolved. It is a huge hole in bubbles excellent platform!

Feature request: Variable heights/width for Repeating Group items (and other elements?)

Idea

robbertmastebroek January 25, 2019, 5:18pm 23

It doesn’t solve all the ‘requests’ in this thread, but @levon just released a Pinterest Style Grid plugin. Haven’t tried it yet – but it looks nice a nice plugin!

Topic		Replies	Views
How to make Repeating Group height dynamic to fit screen resolution? Need help	11	8097	May 19, 2017
Pinterest-Style Cascading Grid Layout Questions	23	7790	March 16, 2021
Resizing issue, some work, others don't even though same settings Showcase	9	682	August 19, 2020
Trouble fitting items in repeating group - dumb question App Organization	5	558	April 9, 2023
Repeating group - image doesn't fill out cell entirely Need help	24	4878	May 29, 2018

Feature request: Variable heights/width for Repeating Group items (and other elements?)

Related topics