Floating Form Button

[SantiagoPerez]

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.

[yinon_raviv]

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

but when on the phone it still looks like before

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

[SantiagoPerez]

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.

[yinon_raviv]

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

[SantiagoPerez]

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

Multirow Choice Component (aka Chips UI)

[image] [image] 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.

[Antonino_Nolasco]

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

[SantiagoPerez]

I see.

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

[yinon_raviv]

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

[SantiagoPerez]

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

[yinon_raviv]

@Antonino_Nolasco

display: table-cell;

this is the result

phone is still the same

[Antonino_Nolasco]

I see this @yinon_raviv

[Antonino_Nolasco]

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>

[yinon_raviv]

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

[yinon_raviv]

@Antonino_Nolasco

.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

[Antonino_Nolasco]

@yinon_raviv

@Antonino_Nolasco

> .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;
}

[yinon_raviv]

still no luck

[ThinhDinh]

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.

[yinon_raviv]

Do you have any explanation on how to do this?

[ThinhDinh]

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.

[yinon_raviv]

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