Floating group relative to bottom doesn't work

Need help App Organization
1

So, I have a floating group set relative to bottom:

image

But Y 0 still sticks it to the top:

image

image
image1824×630 157 KB

If I set it to any number like 800, I have to keep tinkering on each page to get it perfect and it defeats the purpose being relative to the bottom. Am I missing something or is this a bug?

2

Are you trying to have your Footer element float at the top or the bottom of the page? (presumably you want it at the bottom?)

Y 0 is the top of the page, so that’s where your element will be.

If you want it at the bottom you need to put it at the bottom.

3

Yes, I want it at the bottom. But if i define it as “relative to the bottom” doesn’t this imply I can define a distance from the bottom? Where/how would I define this distance?

4

Yes it does, and currently (with your Y position set at 0) that distance is the entire height of the page, which means on certain screen sizes it won’t even appear at the top as the screen will be too small to even display the element at all.

When you select ‘Bottom’ as the ‘float relative to’ option, the element will float at the distance between the bottom of your page. relative to the bottom of the user’s screen, which in may cases will be way off the actual screen.

If you want the element to remain at the bottom of the screen, you need to position it at the very bottom of the page (exactly to the pixel), and set the float position to ‘bottom’.

So if you page height is 2600 and your floating group height is 50, make sure the Y position of the floating group is 2150, and the float position is set to bottom.

If you need more info you can read the full workings of floating group positioning in the Bubble manual: Containers - Bubble Docs

2 Likes