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!
For All Your No-Code Education Needs:
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!
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.
