# I spy a floating button in staging 👀

**URL:** https://community.glideapps.com/t/i-spy-a-floating-button-in-staging/19926
**Category:** Community Resources
**Created:** [December 15, 2020, 11:17pm UTC](https://community.glideapps.com/t/i-spy-a-floating-button-in-staging/19926 "2020-12-15T23:17:14Z")
**Posts on this page:** 20
**Page:** 2

<div class="post-metadata">

### Author: ![Pablo\_books](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pablo_books/32/2110_2.png) [@Pablo\_books](https://community.glideapps.com/u/Pablo_books)
#### Post date: [December 16, 2020, 2:13am UTC](https://community.glideapps.com/t/i-spy-a-floating-button-in-staging/19926/21 "2020-12-16T02:13:30Z")

</div>

Same! I was for staging all morning, and they shipped this in the afternoon!

---

<div class="post-metadata">

### Author: ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)
#### Post date: [December 16, 2020, 1:27pm UTC](https://community.glideapps.com/t/i-spy-a-floating-button-in-staging/19926/22 "2020-12-16T13:27:17Z")

</div>

Floating action button is going to look good with this reversed-card layout! #css

 ![Screen Shot 2020-12-16 at 8.01.35 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/f/3f674f3c057d0646c3114341b11909e47a16980c.jpeg)

---

<div class="post-metadata">

### Author: ![Rosewebstudio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosewebstudio/32/12261_2.png) [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)
#### Post date: [December 16, 2020, 1:54pm UTC](https://community.glideapps.com/t/i-spy-a-floating-button-in-staging/19926/23 "2020-12-16T13:54:56Z")

</div>

It will be a thing of beauty.

Beauty aside - I am hoping to use as a admin button on an app, so only admins see it and once selected it takes them to an admin area where they can ‘administer’ stuff. Not played with it yet so not sure whether this is possible.

---

<div class="post-metadata">

### Author: ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)
#### Post date: [December 16, 2020, 2:19pm UTC](https://community.glideapps.com/t/i-spy-a-floating-button-in-staging/19926/24 "2020-12-16T14:19:00Z")

</div>

Such a good idea!

---

<div class="post-metadata">

### Author: ![Rosewebstudio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosewebstudio/32/12261_2.png) [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)
#### Post date: [December 16, 2020, 2:24pm UTC](https://community.glideapps.com/t/i-spy-a-floating-button-in-staging/19926/25 "2020-12-16T14:24:10Z")

</div>

I often have ideas (some good, some not) but cannot always implement natively within glide but this I am hoping will be a winner.

Each app ‘role’ will see certain buttons which will provide them with specific abilities and access to the areas of the app. Fingers crossed I can get this to work. 🤞

---

<div class="post-metadata">

### Author: ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)
#### Post date: [December 16, 2020, 2:32pm UTC](https://community.glideapps.com/t/i-spy-a-floating-button-in-staging/19926/26 "2020-12-16T14:32:52Z")

</div>

I’ve really gotten accustomed to my semi-transparent blurred backdrop floating buttons. I’d love to see that as native option to make it a little easier to see items behind the floating buttons. But I am excited to have access to all of the icons instead of being tied to emojis.

> [@Floating Form Button](https://community.glideapps.com/t/floating-form-button/16623/120):
>
> This is the CSS I’m currently using. \<pre\>\<span\>\<style\> [data-test=app-button-view] {position:fixed; width:60px; height:60px; right:5%; border-radius:50px; text-align:center; box-shadow: 2px 2px 3px #999 !important; font-size:40px; font-weight: normal; background-color: rgba(41, 87, 122, 0.118) !important; backdrop-filter: blur…

---

<div class="post-metadata">

### Author: ![Pablo\_books](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pablo_books/32/2110_2.png) [@Pablo\_books](https://community.glideapps.com/u/Pablo_books)
#### Post date: [December 16, 2020, 5:02pm UTC](https://community.glideapps.com/t/i-spy-a-floating-button-in-staging/19926/27 "2020-12-16T17:02:17Z")

</div>

The floating button is perfect for annoying your users to sign up! It’ll cover the thing they’re seeing, and that will annoy them, which will make them sign up!

Aren’t I a genius 😛

---

<div class="post-metadata">

### Author: ![Pablo\_books](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pablo_books/32/2110_2.png) [@Pablo\_books](https://community.glideapps.com/u/Pablo_books)
#### Post date: [December 16, 2020, 5:02pm UTC](https://community.glideapps.com/t/i-spy-a-floating-button-in-staging/19926/28 "2020-12-16T17:02:40Z")

</div>

Now we just have to wait for floating images and floating text…

---

<div class="post-metadata">

### Author: ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)
#### Post date: [December 16, 2020, 5:18pm UTC](https://community.glideapps.com/t/i-spy-a-floating-button-in-staging/19926/29 "2020-12-16T17:18:44Z")

</div>

Lol yes! But be careful about ux design and user experience, not being annoying to use your app

---

<div class="post-metadata">

### Author: ![ehdubya](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ehdubya/32/24087_2.png) [@ehdubya](https://community.glideapps.com/u/ehdubya)
#### Post date: [December 16, 2020, 6:44pm UTC](https://community.glideapps.com/t/i-spy-a-floating-button-in-staging/19926/30 "2020-12-16T18:44:34Z")

</div>

I’m so stoked for this Component!

But like @Lucas_Pires mentioned - UX design and experience is very important - and this button is definitely a positive addition for Gliders looking to build some amazing apps!

It has (like the current Button) so many possibilities to enhance Glide apps, but in a more user AND design-friendly way. Paired with Conditional Visibility and ITE’s there could be some pretty cool apps built! I already see the gears in some peoples heads turning (and grinding thinking about how much stuff they’ll want to re-design haha).

Any chance the Glide gods (@david, @Mark) could bestow upon us a possible release date for such an amazing Components update? 🙏 🤞 🤞

_(If not, no worries - because we all know it’s worth the wait!)_

This, and the new potential of an eventual Glide API, is the definition of “Christmas came early!”. 🤓 🎄

---

<div class="post-metadata">

### Author: ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)
#### Post date: [December 16, 2020, 6:48pm UTC](https://community.glideapps.com/t/i-spy-a-floating-button-in-staging/19926/31 "2020-12-16T18:48:03Z")

</div>

I’m hoping it’s this week because it would fit in perfectly in an app I’m building for a client. My deadline for this app is end of week / beginning of next week. I imagine it won’t be long!

---

<div class="post-metadata">

### Author: ![Pablo\_books](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pablo_books/32/2110_2.png) [@Pablo\_books](https://community.glideapps.com/u/Pablo_books)
#### Post date: [December 16, 2020, 6:59pm UTC](https://community.glideapps.com/t/i-spy-a-floating-button-in-staging/19926/32 "2020-12-16T18:59:20Z")

</div>

Ahh I really wanna use this component but I already have a form for another add button, and I will lose all the layout the form has. There’s no way to export the layout of a form to another form, is there? 😭

---

<div class="post-metadata">

### Author: ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)
#### Post date: [December 16, 2020, 7:03pm UTC](https://community.glideapps.com/t/i-spy-a-floating-button-in-staging/19926/33 "2020-12-16T19:03:37Z")

</div>

You shouldn’t lose the layout. You are just changing the button style. Not creating a new button.

---

<div class="post-metadata">

### Author: ![Pablo\_books](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pablo_books/32/2110_2.png) [@Pablo\_books](https://community.glideapps.com/u/Pablo_books)
#### Post date: [December 16, 2020, 7:06pm UTC](https://community.glideapps.com/t/i-spy-a-floating-button-in-staging/19926/34 "2020-12-16T19:06:10Z")

</div>

I think I would. I had a floating button in the form of rich text, and now adding another component will make me remake the entire form again… Right?

> [@Jeff\_Hager](#):
>
> Not creating a new button

The thing is, I am creating a new button.

---

<div class="post-metadata">

### Author: ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)
#### Post date: [December 16, 2020, 7:09pm UTC](https://community.glideapps.com/t/i-spy-a-floating-button-in-staging/19926/35 "2020-12-16T19:09:58Z")

</div>

The CSS form button we have done before is still acting on a regular button. Once this update is released, you should be able to remove the rich text with the CSS, which will change the old CSS floating button to a regular button. Then change the style of that button to the new floating style. It’s no different than changing the background color on buttons from semi opaque to clear.

---

<div class="post-metadata">

### Author: ![Mauronic](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mauronic/32/21726_2.png) [@Mauronic](https://community.glideapps.com/u/Mauronic)
#### Post date: [December 16, 2020, 8:52pm UTC](https://community.glideapps.com/t/i-spy-a-floating-button-in-staging/19926/36 "2020-12-16T20:52:57Z")

</div>

Here’s a great article on floating button UX best practices:

[https://uxplanet.org/floating-action-button-in-ux-design-7dd06e49144e](https://uxplanet.org/floating-action-button-in-ux-design-7dd06e49144e)

---

<div class="post-metadata">

### Author: ![DareSteps](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/daresteps/32/11716_2.png) [@DareSteps](https://community.glideapps.com/u/DareSteps)
#### Post date: [December 17, 2020, 5:00am UTC](https://community.glideapps.com/t/i-spy-a-floating-button-in-staging/19926/37 "2020-12-17T05:00:27Z")

</div>

I can’t wait to work on it, way easier!

---

<div class="post-metadata">

### Author: ![Pablo\_books](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pablo_books/32/2110_2.png) [@Pablo\_books](https://community.glideapps.com/u/Pablo_books)
#### Post date: [December 17, 2020, 4:37pm UTC](https://community.glideapps.com/t/i-spy-a-floating-button-in-staging/19926/38 "2020-12-17T16:37:43Z")

</div>

Ah, great idea!

---

<div class="post-metadata">

### Author: ![Pablo\_books](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pablo_books/32/2110_2.png) [@Pablo\_books](https://community.glideapps.com/u/Pablo_books)
#### Post date: [December 17, 2020, 4:39pm UTC](https://community.glideapps.com/t/i-spy-a-floating-button-in-staging/19926/39 "2020-12-17T16:39:15Z")

</div>

Ohh… Is it not possible to stack floating buttons horizontally? 😐 😔

---

<div class="post-metadata">

### Author: ![kyleheney](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kyleheney/32/41173_2.png) [@kyleheney](https://community.glideapps.com/u/kyleheney)
#### Post date: [December 17, 2020, 7:31pm UTC](https://community.glideapps.com/t/i-spy-a-floating-button-in-staging/19926/40 "2020-12-17T19:31:53Z")

</div>

Just saw Floating button is in my production environment… seems to be good to go!

[Previous page](https://community.glideapps.com/t/i-spy-a-floating-button-in-staging/19926.md?page=1)

[Next page](https://community.glideapps.com/t/i-spy-a-floating-button-in-staging/19926.md?page=3)
