Ramdomizer button

Ask for Help
1

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?

2

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

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

3

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

4

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.

5 
.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.

1 Like