# Floating Form Button

**URL:** https://community.glideapps.com/t/floating-form-button/16623
**Category:** Feature Requests
**Created:** [October 1, 2020, 5:48pm UTC](https://community.glideapps.com/t/floating-form-button/16623 "2020-10-01T17:48:36Z")
**Posts on this page:** 20
**Page:** 4

<div class="post-metadata">

### Author: ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)
#### Post date: [October 15, 2020, 5:53pm UTC](https://community.glideapps.com/t/floating-form-button/16623/61 "2020-10-15T17:53:59Z")

</div>

It’s working for me. I just added it to this app.  
You’ll see a weird looking set up in the Editor but it will display nicely on the app itself.  
Maybe @Robert_Petitto has another idea/code that might work for you.

 ![Screen Shot 2020-10-15 at 12.51.37 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/9/96e05f7b445e93ab376aeff363a025f432ef5a6c.png)

 ![Screen Shot 2020-10-15 at 12.51.45 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/3/3f7a421a5cfa1f653ac90a72b96c360f855f4166.png)

---

<div class="post-metadata">

### Author: ![yinon\_raviv](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yinon_raviv/32/1627_2.png) [@yinon\_raviv](https://community.glideapps.com/u/yinon_raviv)
#### Post date: [October 15, 2020, 6:02pm UTC](https://community.glideapps.com/t/floating-form-button/16623/62 "2020-10-15T18:02:08Z")

</div>

ok. weired stuff…  
so, I thought maybe the inline list making problems so I removed it and replaced with Image which looked bed on the editor and good on desktop

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/8/86ac9bc995416c37fa7070767fa2385ea6753e3d.jpeg)

but when on the phone it still looks like before

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/1/16f17928522d6a7ddd428f9f72c60b3fdc575a50.jpeg)

it’s andorid device  
can’t get it to work. so frustrating!!! ahhhhhh

---

<div class="post-metadata">

### Author: ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)
#### Post date: [October 15, 2020, 6:04pm UTC](https://community.glideapps.com/t/floating-form-button/16623/63 "2020-10-15T18:04:19Z")

</div>

There js a post about this in the forum. Let me try and find it so you can test each of those and see which one works best for you.

---

<div class="post-metadata">

### Author: ![yinon\_raviv](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yinon_raviv/32/1627_2.png) [@yinon\_raviv](https://community.glideapps.com/u/yinon_raviv)
#### Post date: [October 15, 2020, 6:06pm UTC](https://community.glideapps.com/t/floating-form-button/16623/64 "2020-10-15T18:06:36Z")

</div>

If you talk about the post that @ThinhDinh referred me to then I red this post and tried each of the options.

---

<div class="post-metadata">

### Author: ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)
#### Post date: [October 15, 2020, 6:07pm UTC](https://community.glideapps.com/t/floating-form-button/16623/65 "2020-10-15T18:07:45Z")

</div>

Take a look at this thread, you might find something useful there

> [@Multirow Choice Component (aka Chips UI)](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/63):
>
> I was trying to use Bob’s side-by-side button but seems like my buttons were pushed far down the screen. What can be the cause of this? Thank you for your time, this is gorgeous.

I was also struggling until Robert found a solution. Check the different codes out.

---

<div class="post-metadata">

### Author: ![Antonino\_Nolasco](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/antonino_nolasco/32/80601_2.png) [@Antonino\_Nolasco](https://community.glideapps.com/u/Antonino_Nolasco)
#### Post date: [October 15, 2020, 6:09pm UTC](https://community.glideapps.com/t/floating-form-button/16623/66 "2020-10-15T18:09:02Z")

</div>

Try to change display: block; in **display: table-cell;** @yinon_raviv

---

<div class="post-metadata">

### Author: ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)
#### Post date: [October 15, 2020, 6:09pm UTC](https://community.glideapps.com/t/floating-form-button/16623/67 "2020-10-15T18:09:28Z")

</div>

I see.

Have you tried placing the the rich text component and the buttons at the end of all the the components?

---

<div class="post-metadata">

### Author: ![yinon\_raviv](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yinon_raviv/32/1627_2.png) [@yinon\_raviv](https://community.glideapps.com/u/yinon_raviv)
#### Post date: [October 15, 2020, 6:10pm UTC](https://community.glideapps.com/t/floating-form-button/16623/68 "2020-10-15T18:10:27Z")

</div>

yes of course. as I said I read it all and followed all the thread and this is why I’m frustrated. many thanks for your help

---

<div class="post-metadata">

### Author: ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)
#### Post date: [October 15, 2020, 6:13pm UTC](https://community.glideapps.com/t/floating-form-button/16623/69 "2020-10-15T18:13:34Z")

</div>

Sorry man! Maybe @Lucas_Pires has any ideas that he could share with you.

---

<div class="post-metadata">

### Author: ![yinon\_raviv](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yinon_raviv/32/1627_2.png) [@yinon\_raviv](https://community.glideapps.com/u/yinon_raviv)
#### Post date: [October 15, 2020, 6:14pm UTC](https://community.glideapps.com/t/floating-form-button/16623/70 "2020-10-15T18:14:10Z")

</div>

> [@Antonino\_Nolasco](#):
>
> display: table-cell;

this is the result

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/8/8f9599523b2bd27cf98ae3224af6f22b01f2aea9.png)

phone is still the same

---

<div class="post-metadata">

### Author: ![Antonino\_Nolasco](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/antonino_nolasco/32/80601_2.png) [@Antonino\_Nolasco](https://community.glideapps.com/u/Antonino_Nolasco)
#### Post date: [October 15, 2020, 6:16pm UTC](https://community.glideapps.com/t/floating-form-button/16623/71 "2020-10-15T18:16:03Z")

</div>

I see this @yinon_raviv

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/7/79c0aa9b01763c965d273bc060ebca5252d0b991.jpeg)

---

<div class="post-metadata">

### Author: ![Antonino\_Nolasco](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/antonino_nolasco/32/80601_2.png) [@Antonino\_Nolasco](https://community.glideapps.com/u/Antonino_Nolasco)
#### Post date: [October 15, 2020, 6:18pm UTC](https://community.glideapps.com/t/floating-form-button/16623/72 "2020-10-15T18:18:03Z")

</div>

try this:

```
   <pre><span><style>
.ekttti {
width: 50%;
 float: left;
}
[data-test="app-button-view"] {
width: 100px;
    height: 50px;
    background: lightgray;   
    margin: 15px;
    border-radius: 0px;
}
.gbJqOE {
display: table-cell;
}
.jdxAWE {
display: table-cell;
}
.dEHvyM {
display: table-cell;
}
</style></span></pre>
```

---

<div class="post-metadata">

### Author: ![yinon\_raviv](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yinon_raviv/32/1627_2.png) [@yinon\_raviv](https://community.glideapps.com/u/yinon_raviv)
#### Post date: [October 15, 2020, 6:19pm UTC](https://community.glideapps.com/t/floating-form-button/16623/73 "2020-10-15T18:19:24Z")

</div>

are you on chrome android? becuase on my device not working. also checked on my wife device which is android and chrome and same sa me

---

<div class="post-metadata">

### Author: ![yinon\_raviv](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yinon_raviv/32/1627_2.png) [@yinon\_raviv](https://community.glideapps.com/u/yinon_raviv)
#### Post date: [October 15, 2020, 6:21pm UTC](https://community.glideapps.com/t/floating-form-button/16623/74 "2020-10-15T18:21:31Z")

</div>

> [@Antonino\_Nolasco](#):
>
> ```auto
> .ekttti {
> width: 50%;
> float: left;
> }
> [data-test="app-button-view"] {
> width: 100px;
> height: 50px;
> background: lightgray;   
> margin: 15px;
> border-radius: 0px;
> }
> .gbJqOE {
> display: table-cell;
> }
> .jdxAWE {
> display: table-cell;
> }
> .dEHvyM {
> display: table-cell;
> }
> </style></span></pre>
> 
> ```

not working on both desktop and mobile.

forget it man. you really tried 🙂 😅 😂

---

<div class="post-metadata">

### Author: ![Antonino\_Nolasco](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/antonino_nolasco/32/80601_2.png) [@Antonino\_Nolasco](https://community.glideapps.com/u/Antonino_Nolasco)
#### Post date: [October 15, 2020, 6:24pm UTC](https://community.glideapps.com/t/floating-form-button/16623/75 "2020-10-15T18:24:08Z")

</div>

> [@yinon\_raviv](#):
>
> > [@Antonino\_Nolasco](#):
> >
> > ````auto
> > > .ekttti {
> > width: 50%;
> > float: left;
> > }
> > [data-test="app-button-view"] {
> > width: 100px;
> > height: 50px;
> > background: lightgray;   
> > margin: 15px;
> > border-radius: 0px;
> > }
> > .gbJqOE {
> > display: table-cell;
> > }
> > .jdxAWE {
> > display: table-cell;
> > }
> > .dEHvyM {
> > display: table-cell;
> > }
> > </style></span></pre>
> > > ```
> > 
> > ````

try this

.ekttti {  
width: 50%;  
float: left;  
}  
[data-test=“app-button-view”] {  
width: 100px;  
height: 50px;  
background: lightgray;  
margin: 15px;  
border-radius: 0px;  
}  
.gbJqOE {  
display: block;  
}  
.jdxAWE {  
display: block;  
}  
.dEHvyM {  
display: block;  
}

---

<div class="post-metadata">

### Author: ![yinon\_raviv](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yinon_raviv/32/1627_2.png) [@yinon\_raviv](https://community.glideapps.com/u/yinon_raviv)
#### Post date: [October 15, 2020, 6:36pm UTC](https://community.glideapps.com/t/floating-form-button/16623/76 "2020-10-15T18:36:33Z")

</div>

still no luck

---

<div class="post-metadata">

### 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: [October 15, 2020, 10:06pm UTC](https://community.glideapps.com/t/floating-form-button/16623/77 "2020-10-15T22:06:50Z")

</div>

Probably the class names are all different on each OS and we have to go find each of then individually for change. I always have to make sure I get all class names for Android, iOS and desktop.

---

<div class="post-metadata">

### Author: ![yinon\_raviv](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yinon_raviv/32/1627_2.png) [@yinon\_raviv](https://community.glideapps.com/u/yinon_raviv)
#### Post date: [October 16, 2020, 4:50am UTC](https://community.glideapps.com/t/floating-form-button/16623/78 "2020-10-16T04:50:45Z")

</div>

Do you have any explanation on how to do this?

---

<div class="post-metadata">

### 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: [October 16, 2020, 5:19am UTC](https://community.glideapps.com/t/floating-form-button/16623/79 "2020-10-16T05:19:28Z")

</div>

I always use inspect element. For MacOS/Windows I have laptops to inspect and see the class names, for phones I use the editor’s emulator mode as Android or iOS and start testing from there.

---

<div class="post-metadata">

### Author: ![yinon\_raviv](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yinon_raviv/32/1627_2.png) [@yinon\_raviv](https://community.glideapps.com/u/yinon_raviv)
#### Post date: [October 16, 2020, 5:47am UTC](https://community.glideapps.com/t/floating-form-button/16623/80 "2020-10-16T05:47:35Z")

</div>

It’s like gibrish to me 🤣  
When you have time a video or clip will be helpful brother

[Previous page](https://community.glideapps.com/t/floating-form-button/16623.md?page=3)

[Next page](https://community.glideapps.com/t/floating-form-button/16623.md?page=5)
