Edit: Changed the category from ‘Need Help’ to ‘Tips’ since there’s a solution now
Edit again: This only works on Firefox, not Chrome and Safari. So this needs Bubble’s help and reverting back to “need help”
I’m struggling to get a repeating group to resize dynamically according to the screen resolution of the user.
One little caveat: the repeating group has to be set to “Vertical scrolling” so as to scroll within the group and not scroll the whole page (I want the UX to feel like an app and not a web page), so I can’t use other layout styles such as full list etc.
And on this basis, I’m trying to get the height of the repeating group to expand based on the screen resolution of the user. So whether the user is on a 13" macbook or a 27" monitor the height of the repeating group will dynamically change and fill the height of the page.
I’ve checked out other posts like Expanding the height of a repeating group dynamically but this refers to something different, not exactly to this scenario.
Here are two examples of the layout, one with a higher resolution than the other:
Any suggestions on how I can expand the RG on the higher resolution to go down to the bottom of the page while still keeping the layout style to “Vertical scrolling”?