I’ve been looking throughout the forum, and I can’t find a solution on how to get repeating groups to be responsive on mobile The repeating group with four yellow services does not expand in width when stretched out, but the repeatinggroup does, but it’s left blank on the right side. I don’t have …

[responsive rg] Is this what you are looking to do? [image] Bubble Editor - Responsiverepeatinggroup Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications. …

I’m just trying to keep 4 flat across when stretched sideways. I’d like the yellow boxes to be evenly spread out. The white boxes are a separate repeating group, the number of white boxes should be 8, but I’m not sure how it became 16. I have a fixed number of cells set to 2 rows and 4 columns.

[image] Boost: The white boxes are a separate repeating group, the number of white boxes should be 8, but I’m not sure how it became 16 Look at the datasource. It is probably returning results for a search that have 16 results. If you only want 8 you need to restrict the number of results in …

Thanks Boston. I hope Bubble will be able to fix this in the near future

Thanks! This is what i needed… looks like switching my Repeating Group from “vertical scrolling” to “Ext. Vertical Scrolling” and turning off “Fixed width” completely fixed the responsiveness issue on mobile :slight_smile:

This is awesome, man! I’m trying to stack cards in responsive mode and was struggling using columns. Great resource, although I didn’t manage to repeat your result… but I’ll get there.

You can copy the element into your own app to have it as a starting point and then adjust the sizing to fit your needs.

That’s a great idea; the thing is that I already have the element designed. But no worry, man, I’ve figured out! Thanks again for being so thoughtful.

Hi, is there a reason this repeating group is so low in the page? I’m working on mine and noticed if it’s not on the bottom like yours it won’t do what this achieves - changing columns as the page width changes. Is there a workaround for this if you know what causes this by any chance?

Repeating group responsiveness on mobile

Need help Responsiveness

boston85719 May 28, 2020, 6:59pm 2

responsive rg

Is this what you are looking to do?

3 Likes

Repeating groups not stretching on mobile

Topic		Replies	Views
Repeating group left to right display Responsiveness	20	3774	February 12, 2019
Making repeating group responsive Responsiveness	8	5844	June 7, 2021
Is there a way to make a horizontal repeating group responsive? Responsiveness	4	1394	August 19, 2021
Repeating groups not stretching on mobile Responsiveness	6	1047	November 16, 2020
Issue related to the responsiveness of repeating group Responsiveness	6	518	May 26, 2020

Repeating group responsiveness on mobile

Related topics