Forum Academy Marketplace Showcase Pricing Features

Understanding Vertical Scrolling Elements in Bubble

@zacharyreed

:blush: Ok, here is the example for you:

Preview: https://805testapp42.bubbleapps.io/version-test/testresponsiveheight?debug_mode=true

Editor: https://bubble.io/page?type=page&name=testresponsiveheight&id=805testapp42&tab=tabs-1

The hidden red spacer element is the spacer that I add to give myself more room to play with.

Hope that helps! :blush:

@j805 www.NoCodeMinute.com

For All Your No-Code Education Needs:

  • One-on-One Tutoring
  • eLearning Hub
  • Video Tutorials
  • No-Code Classes
2 Likes

Thanks, @J805, this is fantastic! Do you have any thoughts for making height responsive as in filling the device screen to fit the actual device… like a 100% height option.

Glad that helped! :blush:

It depends what you are trying to achieve. I have made my menus and other items full height by making it a floating group and making it align to both top and bottom. That makes the menu look full height if you make it extra long on the page.

For other things that you want attached to the bottom of the screen, like my chat function on my site (www.NoCodeMinute.com) I just have it as a floating group attached to the bottom.

So there are some ways to do a lot of things without code.

If you need something with code, you can try this post: Element full height on page

There is also a thing with the toolbox plugin called “hero sizing” that you can see here in this video: Need help in making image full height in any screen

Hope that helps give you some options. :blush: