FLOAT Function

Hi Experts.

Any ideas on how to replicate the FAB function on glide apps.

There’s no toggle for float option via detail screen.

At the moment i am using a button duplicated at top and bottom of screen and for mobile display this is set on the screen title to replicate this function.

Ideally would love to float a headline, rich text or container etc..

Use custom CSS! Are you on a paid plan?

Yes Indeed, I was not sure as most suggestions say its not reliable

Would work?

Yes, by using position:fixed, you can make a floating button.

Also, here is a video for you:

That can give you a base for what you want to do :slight_smile:

Thanks,

Attempted


on a button block;


unfortunately the button does respond to these css changes

have you enabled the Preview custom css?

Make sure to enable the preview custom CSS switch everytime you open your app in the builder. It is disabled by default.

Hello,

preview custom css was enabled still not responding.

How do you point he css class to a specific button glide

where do you enter css in appearance settings or button options?

can anyone assist with current step by step to get a button block float on gilde app?

I suggest you to use the browser’s dev tool by doing CTRL+SHIFT+C.


Tried everything advised here and css library still no luck!

You should put the button block inside a container, name the container’s class “floating” and see if it works.

Hi,

Thanks for the response.

You are correct as i had tried this with a container instead and css works fine!

1 Like

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.