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 ???
So what my non RPG show and what I would my RPG to show on mobile screen format is that :
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 :
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
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