Repeating group driving me crazy, why ? just why?

Hello guys !

I’m deeply struggling with RPG responsiveness right now.
I have 2 main group on my app (both the same) but one is a RPG (that works perfectly well with data) and the other is a non RPG (that works perfectly well with responsiveness) but why I can’t success to make the RPG responsive as the non RPG ??? :exploding_head: :exploding_head:

So what my non RPG show and what I would my RPG to show on mobile screen format is that :

And what my RPG shows is :

I’ve search through the forum and find quite the same problem where the solution was to uncheck in the RPG panel the fixed number of rows and columns like this :

But in my case it makes the RPG totally disappear when I resize the window…

So this is the first thing, the second one is that I don’t understand why my text is not fully revealed in the RPG

So here I am, it’s been more than a week that I try to figure it out, it’s the last thing to do to finish the app, so the Bubble GOAT are very welcome :muscle: :grin:

Thanks to everyone !

1 Like

Is your repeating group inside a group which has fixed or max height?

not at all, there are the setting of the group where the repeating group is in :

Then I won’t understand why the group with no repeating group will work and this one won’t (they are the same)

And if needed this is the hierarchy :

I think I have solved this problem in past for myself but not able to recall exact steps.

Have you played with “fit to width”, “stretch columns to fill horizontal space”, “scroll direction” properties and their various combinations?

How do the layout settings of your repeating group look like?

Yes I’ve tried many thing with the properties, nothing great…

There is my layout setting for the repeating group :

Interesting, I have exactly the same problem. Also, I’ve noticed since a few days ago, repeating group no longer works with row layout (it just stays in column). Looks like a bug to me.

First of all there are few things here we need to clarify.

What is the layout you desire?
Do you want to display the cells (cards) side by side in a row layout for large screens sizes and make these cards wrap down to next row when the screen is smaller until all cards be stacked in just one column or make all them stacked in one column for any screen size?

This layout property at tje top does not affect the behavior of the RG itself, but it is related to each cell in the RG, so this layout affect the items inside each cell.

The layout of the entire RG is much more related to the properties at the Appearance tab, like number/size of rows/columns, direction, etc.

That is absolutely that in large screen in this format (X are my cards)
[… X X X]
Then as the screen “shrinks” , it goes
[…
X X
X]
And
[…
X
X
X]

You can see that it works great here : https://restaurant-le-repere.fr but it’s not the repeating group block.
And I don’t understand why (I literally duplicate the “works fine” group to make the repeating group) it can’t just work fine :thinking:

What all have you experimented on scroll direction? Have you tried the wrap one?

It is difficult to suggest beyond this without really looking at editor, tinkering it and seeing how it is responding, set up etc.

1 Like

Hey !

So I finally make it work !

And it works with these settings

Actually what i’ve found on the forum is that I need to uncheck 'the set fixed number of column and row ’ option and transfert the min width and height in the min width column and row instead, what I’ve done and then as you know my blocks (cards) disappear when in mobile format.
To solve that I put back the same value from ‘min width of column’ to ‘min element width’ in the layout setting and it works :partying_face: :partying_face: :partying_face: :partying_face:

1 Like