# FLOAT Function **URL:** \ **Category:** Ask for Help\ **Created:** [May 12, 2025, 10:14am UTC](https://community.glideapps.com/t/float-function/81835 "2025-05-12T10:14:56Z")\ **Posts on this page:** 14\ **Page:** 1
**Author:** ![Chrvs97](https://avatars.discourse-cdn.com/v4/letter/c/45deac/32.png) [@Chrvs97](https://community.glideapps.com/u/Chrvs97)\ **Post date:** [May 12, 2025, 10:14am UTC](https://community.glideapps.com/t/float-function/81835/1 "2025-05-12T10:14:56Z")
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.. ---
**Author:** ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)\ **Post date:** [May 12, 2025, 10:18am UTC](https://community.glideapps.com/t/float-function/81835/2 "2025-05-12T10:18:23Z")
Use custom CSS! Are you on a paid plan? ---
**Author:** ![Chrvs97](https://avatars.discourse-cdn.com/v4/letter/c/45deac/32.png) [@Chrvs97](https://community.glideapps.com/u/Chrvs97)\ **Post date:** [May 12, 2025, 10:32am UTC](https://community.glideapps.com/t/float-function/81835/3 "2025-05-12T10:32:20Z")
Yes Indeed, I was not sure as most suggestions say its not reliable Would work? ---
**Author:** ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)\ **Post date:** [May 12, 2025, 12:16pm UTC](https://community.glideapps.com/t/float-function/81835/4 "2025-05-12T12:16:08Z")
Yes, by using position:fixed, you can make a floating button. Also, here is a video for you: > [@How to create a floating button](https://community.glideapps.com/t/how-to-create-a-floating-button/72457): > > 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] ](https://www.youtube.com/watch?v=by2hy0hnbYU) .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 🙂 ---
**Author:** ![Chrvs97](https://avatars.discourse-cdn.com/v4/letter/c/45deac/32.png) [@Chrvs97](https://community.glideapps.com/u/Chrvs97)\ **Post date:** [May 12, 2025, 1:46pm UTC](https://community.glideapps.com/t/float-function/81835/5 "2025-05-12T13:46:12Z")
Thanks, Attempted ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/a/3a8fa4db3f02f137c3b750194205ae3acdca239c.png) on a button block; ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/3/0324b4f57c3bc6c5f3a044b46c568dbd604addac.png) unfortunately the button does respond to these css changes ---
**Author:** ![Eric\_Penn](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eric_penn/32/73888_2.png) [@Eric\_Penn](https://community.glideapps.com/u/Eric_Penn)\ **Post date:** [May 12, 2025, 2:41pm UTC](https://community.glideapps.com/t/float-function/81835/6 "2025-05-12T14:41:17Z")
have you enabled the Preview custom css? ![Screenshot 2025-05-12 at 10.40.10 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/d/6d6baf2880c2843132d31bdb8313b757a41291eb.png) ---
**Author:** ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)\ **Post date:** [May 12, 2025, 3:11pm UTC](https://community.glideapps.com/t/float-function/81835/7 "2025-05-12T15:11:48Z")
Make sure to enable the preview custom CSS switch everytime you open your app in the builder. It is disabled by default. ---
**Author:** ![Chrvs97](https://avatars.discourse-cdn.com/v4/letter/c/45deac/32.png) [@Chrvs97](https://community.glideapps.com/u/Chrvs97)\ **Post date:** [May 12, 2025, 3:17pm UTC](https://community.glideapps.com/t/float-function/81835/8 "2025-05-12T15:17:56Z")
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? ---
**Author:** ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)\ **Post date:** [May 12, 2025, 3:18pm UTC](https://community.glideapps.com/t/float-function/81835/9 "2025-05-12T15:18:40Z")
I suggest you to use the browser’s dev tool by doing CTRL+SHIFT+C. ---
**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\ **Post date:** [May 12, 2025, 3:28pm UTC](https://community.glideapps.com/t/float-function/81835/10 "2025-05-12T15:28:21Z")
> **[Custom CSS | Glide Docs](https://www.glideapps.com/docs/reference/user-experience/css-for-apps)** > > Customize the way your app looks with CSS. ---
**Author:** ![Chrvs97](https://avatars.discourse-cdn.com/v4/letter/c/45deac/32.png) [@Chrvs97](https://community.glideapps.com/u/Chrvs97)\ **Post date:** [May 12, 2025, 3:35pm UTC](https://community.glideapps.com/t/float-function/81835/11 "2025-05-12T15:35:08Z")
![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/1/1115b73a1c77db22d436400c34f9128bc15f691c.png) ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/e/6e2f6db4d84ac8e1d8cd04737aef7fd4bc3246fa.png) Tried everything advised here and css library still no luck! ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [May 12, 2025, 11:58pm UTC](https://community.glideapps.com/t/float-function/81835/12 "2025-05-12T23:58:18Z")
You should put the button block inside a container, name the container’s class “floating” and see if it works. ---
**Author:** ![Chrvs97](https://avatars.discourse-cdn.com/v4/letter/c/45deac/32.png) [@Chrvs97](https://community.glideapps.com/u/Chrvs97)\ **Post date:** [May 14, 2025, 11:16am UTC](https://community.glideapps.com/t/float-function/81835/13 "2025-05-14T11:16:18Z")
Hi, Thanks for the response. You are correct as i had tried this with a container instead and css works fine! ---
**Author:** ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)\ **Post date:** [May 21, 2025, 11:17am UTC](https://community.glideapps.com/t/float-function/81835/14 "2025-05-21T11:17:03Z")
This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.