Shrink Page Height

leslie.nagy · 2020-07-17T01:56:24.024Z

Hi everybody;

I have a single page app with repeating groups displaying all the data. One repeating group is taller than the others and after that page has been displayed, the site itself does not shrink back to accommodate the shorter repeating groups and I wonder if there is a way to get the page to shrink back to the regular size?

Here is the link to the site:

Qwybble - make the most of your money

Qwybble, make the most of your money qwybble code prepaid economy

click on “gas”

click on “$100”

click on any image you choose
now notice how the page increases in height

click on “pre-pay now”
now notice how the page does not shrink back to the original size to fit the new repeating group

Any ideas on how to fix that would be appreciated ("collapse when hidden is not an option/does not work).

Thank you so much.

mac2 · 2020-07-17T02:10:48.315Z

Hey @leslie.nagy ! Have you tried putting the pesky repeating group into a standard group, and with that, having access to the “Collapse this elements height…” option?

aph · 2020-07-17T02:19:42.525Z

I had the same problem, and “collapse group height when hidden” does not work for me, so I’m not able to create dynamic pages

ralphlasry · 2020-07-17T03:53:50.271Z

How to handle height responsive one page app Mobile

This is something Bubble really needs to consider fixing. Currently there are two options that I know of. The first is to use custom CSS (there are forum posts with code you can copy and paste, but it hasn’t worked for me). The second is to stack all of your elements vertically inside the editor. Your editor page height could be very tall, but it will not be like this in live. When groups (visible or hidden) overlap each other, it causes them not to vertically shrink.

leslie.nagy · 2020-07-17T12:32:56.769Z

Thank you for that - that is a wild idea!!

Would I keep the footer at the same place but just increase the height of the page? wild! I will play around with that…thanks again

leslie.nagy · 2020-07-17T12:33:24.235Z

Great idea, thank you, I will give that a shot!

ralphlasry · 2020-07-17T12:45:40.711Z

Footer at the bottom.

I actually just implemented this on an app I’m working on and it works perfectly.

leslie.nagy · 2020-07-19T13:44:55.472Z

Thanks for your suggestions everybody, problem solved using groups!

Now on to the next thing…

system · 2020-09-25T01:56:24.875Z

This topic was automatically closed after 70 days. New replies are no longer allowed.