# Ramdomizer button

**URL:** <https://community.glideapps.com/t/ramdomizer-button/80132>\
**Category:** Ask for Help\
**Created:** [February 18, 2025, 3:57am UTC](https://community.glideapps.com/t/ramdomizer-button/80132 "2025-02-18T03:57:42Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![mathew1812](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mathew1812/32/4365_2.png) [@mathew1812](https://community.glideapps.com/u/mathew1812)\
**Post date:** [February 18, 2025, 3:57am UTC](https://community.glideapps.com/t/ramdomizer-button/80132/1 "2025-02-18T03:57:42Z")

</div>

I have a classic app that I am rebuilding in the new plan. In that app I had a floating button that will randomize the data in three cards. Each card was mapped to three separate tables. How can recreate this functionality in the new plan?

---

<div class="post-metadata">

**Author:** ![Mariusz](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mariusz/32/89415_2.png) [@Mariusz](https://community.glideapps.com/u/Mariusz)\
**Post date:** [February 18, 2025, 11:02am UTC](https://community.glideapps.com/t/ramdomizer-button/80132/2 "2025-02-18T11:02:07Z")

</div>

If you’re not sure how to recreate the floating button, you can do this simply by applying CSS. Check out this library by LowCode Agency, I think there was a CSS for a fixed floating button: [CSS Library by LowCode Agency](https://css-library.glide.page/)

If you have functional challenges, describe more precisely where is it that you got stuck.

---

<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:** [February 18, 2025, 11:36pm UTC](https://community.glideapps.com/t/ramdomizer-button/80132/3 "2025-02-18T23:36:55Z")

</div>

Seems the floating button code hasn’t worked for a while. I tried but can’t fix it as well.

---

<div class="post-metadata">

**Author:** ![mathew1812](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mathew1812/32/4365_2.png) [@mathew1812](https://community.glideapps.com/u/mathew1812)\
**Post date:** [February 18, 2025, 11:51pm UTC](https://community.glideapps.com/t/ramdomizer-button/80132/4 "2025-02-18T23:51:12Z")

</div>

I got the randomizer work but i want to make it floating and make it available on the screen all times. Looks like floating button functionality no longer works in the new plan.

---

<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:** [February 18, 2025, 11:54pm UTC](https://community.glideapps.com/t/ramdomizer-button/80132/5 "2025-02-18T23:54:03Z")

</div>

```auto
.comment {
  margin: 0;
  padding: 0;
  position: sticky !important;
  bottom: 20px;
  left: 87%;
  width: 70px;
  z-index: 999;
}

.comment button {
  border-radius: 50%;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease;
}

.comment button.filled {
  background-color: rgba(255, 0, 102, 0.5);
}

.comment button.filled div {
  width: 30px;
  height: 20px;
}

.comment svg {
  padding-left: 10px;
  width: 30px;
  color: black;
}

.comment div {
  width: 40px;
  height: 40px;
}

```

Fixed the code.

> **[CSS Library by LowCode Agency](https://css-library.glide.page/dl/library/s/8836b3/r/4zN0jjiCSsqrlxUZ0OpKDQ)**