Does anyone have a good resource for understanding how page scrolling and vertical elements work in Bubble. I am designing a Single Page Application and am consistently left with extra space at the bottom of groups and I don’t know why.

Ok, here you go. Check out this screen shot. Right now you have overlapping elements, what you need is to stack them on top of each other instead. See image attached: [Overlapping] Want to learn more? www.nocodeminute.com [Presenting] I hope that helps! :blush: You can also show and hide each element with set states, I didn’t check to see if you were doing that or not yet. No need to “show this” and “hide this”.

Hey :wave:, That has to do with collapsing groups. Check out a bunch of videos here: https://www.nocodeminute.com/1-minute Build like blocks on top of each other. Don’t overlap things. Check this video out for collapsing all groups: https://www.nocodeminute.com//1-minute?video=1585757480992x297732410421604600 I hope that helps a bit, I will be doing more in-depth videos on my eLearning Hub about that too.

@J805 Thanks for the info. I just tried your tip but unfortunately, I still have the problem with my specific project. Do you have any other ideas? What would be an example of if I have something overlapping? Here is a video of my problem. [Still Not Collapsing]

Check out the page height. It looks like your page is longer than it needs to be. It looks like there might be some overlapping as well which mean one group on top of the other instead of below each other on the page. First, try the page height first. That will probably make things a lot better. Want to learn more? www.nocodeminute.com [Presenting] Hope that helps! :blush:

@J805 Thanks Jason. I Tried adjusting the page height but still no luck. When you say “one group on top of the other instead of below each other” could you clarify what that would look like? I have attached an image of how my groups are set in my elements tree. [Screen Shot 2020-05-20 at 1.26.35 PM]

If you could share the editor with me then I can have a better look. Send me a PM to get my email that you can add as a collaborator so I can take a quick look. :blush:

Ooooooooo Thank you SO MUCH. I will try that right now.

That works! OMG THANK YOU SO MUCH! Seriously can’t say enough how much I appreciate it. I may need to hit you up on some of your No Code Training soon. Thanks again. Wow thank you.

No problem! Glad it worked! :tada:

Understanding Vertical Scrolling Elements in Bubble

Need help Responsiveness

J805 May 20, 2020, 9:29pm 7

Ok, I got it. Let me send you a screen shot with an explanation.

Group Height based on visible content inside

Topic		Replies	Views
Extra Vertical Page Space (not the debugger) Responsiveness	13	1386	April 10, 2020
Adjust Page Group Height Based on Inner Group Heights Responsiveness	3	1278	May 20, 2020
Dynamically adjust Bubble page heights for mobile screens - make your apps look good on mobile screens Tips	39	7337	April 21, 2024
I don't understand how page height and scrolling work Need help	2	552	February 16, 2019
Stretch vertically Need help	19	3350	March 10, 2021

Understanding Vertical Scrolling Elements in Bubble

Related topics