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:
if you need top floating buttons in your apps …
it is very simple to create them using custom css
[Glide Apps - How to create a floating button]
.floating {
position: -webkit-sticky;
position: sticky;
top: 10px;
z-index: 9999;
}
you can also style the button & the svg using custom css
.floating button {
border: 2px solid black;
}
.floating svg {
color: black;
}
That can give you a base for what you want to do
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
system
Closed
May 21, 2025, 11:17am
14
This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.