I’ve always been a fan of floating buttons that remain fixed in place when scrolling. I think a floating form button would be a great way to display a form button as a substitute to the Add button. I haven’t done much with CSS but I found a sample online and played around a bit to come up with th…

Using CSS you shared, I tried to have floating Whatsapp Button.

Using below code <span><style> .float{ position:fixed; bottom:10%; right:60px; background-color:#29958d00; color:#FFF; border-radius:50px; text-align:center; font-size:30px; </style></span> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.m…

That’s pretty cool! Thanks a lot @Pratik_Shah !!! Edit: Do you speak Spanish?

I have been using it to simulate quantities in the shopping cart [image] in a test app for a restuarant. MI PARRILLA FAVORITA Hecha en Argentina

This is great @Jeff_Hager Used the subclasses to get a nice side by side for sign up forms :slight_smile: [image] .lauagL { position:fixed; width:45%; height:auto; bottom:5%; right:0%; } .hALGjZ { position:fixed; width:45%; height:auto; bottom:5%; left:0%; }

Anyone has an issue with the floating button not clickable?

You have to move the bouton to the end and place the code right above it. I had that same problem and that’s how I solved it.

Thank you, that solved the problem!

Floating Form Button

Feature Requests

Tuttografica October 4, 2020, 3:09pm 33

I have been using it to simulate quantities in the shopping cart

in a test app for a restuarant.

Floating Buttons with integrated Counters

Topic		Replies	Views
I spy a floating button in staging :eyes: Community Resources	112	4116	November 9, 2022
Custom floating buttons: 3 in a row at the bottom of the screen + one with text? Ask for Help	20	4321	May 2, 2022
Tell Glide how you use CSS General	128	18058	December 27, 2022
CSS for hiding stuff! Community Resources tutorial	89	8631	March 6, 2024
Beautiful Design App Project Showcase	819	36864	November 16, 2021

Floating Form Button

Related topics