Floating Form Button

Feature Requests
41

Hey, just Jeff’s original code span/ style section on top and bellow

42

Below buy inside the span/style section right?

43

Here’s my code for that.

<pre><span><style>
.dCBDKZ.dCBDKZ {
background-color:  #2D8CFF;
}
.eUaQmi.eUaQmi {
background-color:  #2D8CFF;
}
.ekttti {
width: 50%;
float: left;
}
[data-test="app-button-view"] {
margin: 5px;
}
.gbJqOE {
display: block;
}
.jdxAWE {
display: block;
}
.dEHvyM {
display: block;
}
</style></span></pre>
1 Like
44

not working. when the butons are on the bottom the menu icons cover it:

image
image476×859 44.2 KB

wehn moving the buttons to the top I can see them ok but in both cases the buttons are not clickable

45

@yinon_raviv,

Make sure both the button and the code are the last component on your component list.

That should help.

46

I did and still didn’t work for me.

Any chance you send the full code that should be interested to the rich text?

47

It works fine for me in my app, probably your components have different class names to me, that’s my initial guess.

Or you can try Robert’s code here.

48

Can you send app link? @yinon_raviv

49

What do you mean by class name?

50

Which app, the testing I’m doing? Sure but how will this help? You won’t see the way it’s set up on the rich tezt

51

I need for app link because with Google Chrome ispection I can see your button class name @yinon_raviv

52

howo do you do this?

53

Np the buttons look like this and not one next to the other. but are clickable

image
image1347×864 65.2 KB

54 
    <pre><span><style>
.jZAwqG.jZAwqG {
background-color:  #2D8CFF;
}
.ekttti {
width: 50%;
float: left;
}
[data-test="app-button-view"] {
margin: 5px;
}
.gbJqOE {
display: block;
}
.jdxAWE {
display: block;
}
.dEHvyM {
display: block;
}
</style></span></pre>

your class name is .jZAwqG.jZAwqG, try the code I put there

55

same result. only the buttons color changed now

image
image1300×907 55.4 KB

56

not working. this is what happen when i use Robert’s code

image
image1327×922 29.3 KB

57

But it doesn’t work from editor, if you try the app it works @yinon_raviv

58

that’s on the app on Chrom on desktop

image
image936×928 60.6 KB

and that’s on the phone

image
image738×1600 118 KB

59

hey @yinon_raviv,

Try this code

<pre><span><style>
.ekttti {
width: 50%;
float: left;
}
[data-test="app-button-view"] {
margin: 10px;
}
.eEPsye div:nth-child(1) {
display: block;
}
</style></span></pre>

@Robert_Petitto help me out with it and worked well for both IOS and Android.

60

thanks for the help but still no luck here

desktop:

image
image894×944 35.5 KB

the phone still looks the same as before with one on top the other

1 Like