Forum Academy Marketplace Showcase Pricing Features

Slide Up Mobile Screen

Guys is it possible to have a screen slide up/down on mobile like this?

Yeah.

  1. create a floating group that covers the full screen and anchor it to the bottom
  2. on button press - animate it with no bounce slide up

Hey thank’s for replying. I’ve done the first part and kept banging my head against the wall for the second part. SHOW vs ANIMATE… Thanks!

But is there a specific reason why Floating Group and not the Regular one?

Yeah, you want it to be floating on top of the page, and have it stick to the bottom.

What difference does it make? [float top, stick to bottom VS float bottom, stick to top]
EDIT: I meant my specific case, when the group covers the whole screen.
Does it mean it’s better to use Floating Groups more often than Regular ones?

here ya go
https://manual.bubble.io/core-resources/elements/containers#floating-group

In this specific case you want to make sure it sticks to the bottom because not all phone screens have the same height. If you had it stick to the top, but positioned at the bottom of your page, and viewed your app on a device with a screen that is longer than your page, the modal would not show up at the bottom the screen.

2 Likes