Forum Documentation Showcase Pricing Learn more

Floating page header - help needed


#1

I’ve tried reading up on most of the resources on the forum about floating page headers and none seem to have helped much.

I was wondering if anyone can help point me in the right direction on creating a floating header.

I found @NigelG 's BuildingWithBubble resource demo on creating floating headers, but it seemed a bit dated using stripes. If I’m not mistaken, I reckon Bubble has deprecated use of stripes, hence I was unable to replicate what he did after viewing the demo editor.

Any help will be appreciated.

Thanks again, guys.


#2

Are you familiar with the option for floating groups? Quick GIF below on how to set it up. Essentially, you draw a Floating Group on the page (have the float set relative to Top, which is the default).


#3

Another example can be found in a new app created by the Wizard. Just start a new Bubble project and use the wizard. That project has a reusable headed item in it with floating to top behavior.


#4

Whoa!! Bubble is really shaping up to be a game-changer with each passing week.

@dan1 That has got to be one of the easiest Bubble walk-throughs I have ever come across. I’m glad I don’t have to deal with stripes. Thanks a bunch @dan1

@keith Many thanks for chiming in. I’ll be checking out the wizard like you suggested.

@dan1 @keith , thanks again guy. Truly appreciate the quick help.


#5

@multicorn happy to help!


#6

Good spot @multicorn - I will update the out-of-date tutorial.

A lot of the “tricks” from the early days are redundant now, amazing how fast Bubble moves :slight_smile: