I am trying to get a repeating group to fill a page no matter the height for a chat application. I attached photos of my problem. Basically the repeating group does not fill the page when the height of the page changes. Does anyone know how to do this? I have tried stretching just the repeating group to the top and bottom. I have also tried putting the repeating group inside a group and stretching that to full page. I still end up with these huge spaces based on page size.
4. Place your repeating group inside of a normal group.
Add this to the ID of the Outside Group. (If you do not have ID’s enabled enable it in Bubble settings) {addClass: “card-group”} - include the “{}” in your ID tag.
Add this to the ID of the Repeating Group. {addClass: “sim-group”}bgvfyg
I successfully got my Repeating group (RG) inside a Group to expand as you show. Thnx!
But, when the RG’s height is increased it shows only one more row than I have set up in the editor. I want the RG to fill the new height with as many rows as possible and the be scrollable. What am I missing?
Use case: I want 2 or more RGs next to each other all occupying max possible height (screen height minus some navigation) and each should be individually scrollable.
Unfortunately no (the DB contains 67 rows and I load them all, no privacy rules). As soon as I remove the “{addClass: “sim-group”}” from the ID all data is displayed correctly. Most interesting is that the RG after using the “{addClass: “sim-group”}” show number of rows set up in the editor plus one (regardless of how many I’ve set up in the editor).
Or is there a better way altogether imitating Slack’s double lists that is separately scrollable and extend to the bottom of the screen regardless of the screen’s height:
Not sure what to do here. I’ve never tried to make a RG the full height of the page using the method I provided…only used it for a group element.
You could try to make the RG Full list and see if that works. If not you could see if making it full list and removing the code and only have the container group have the code and make the container group the same height as the RG in the editor and see if the RG naturally expands to fill the entire container group.
Lots and lots of different ideas come to mind of how to possibly resolve it…all would take hours to implement and test.
Thanks for your thoughts on this. I tried your Full list idea, but no luck there.
Just you saying that you have lots of ideas (which is brilliant and needed in Bubble ) makes me think that this use case, to my surprise, is unique. Could that really be so?
PS. I’ve also tried the Hero Sizing with the same (lack of) result.