🐒 Two-State Button | New Component from NoCode Monkey

[Michael]

New Component from NoCode Monkey!!

Two-State Button

• Two Buttons in one
• Create Enable/Disable button or 2 Separate Actions
• Separate Styles/Fonts
• Use Toggle (True/False) to change button

See Demo
https://www.nocodemonkey.io/store

[pushingpandas]

this is very cool feature.

[Michael]

Thank you! Glad you like it!

[mhays521]

Hey @Michael. This button is a really cool addition, but I’m having trouble setting it up. I can’t figure out how to change a button from inactive to active. Can you please advise? Possibly with a video or screenshots for how you’d set it up?

For my use case, during the sign-up process of the app I’m building I ask the user to select their gender. So I’d like there to be a two-state button for “Female”, one for “Male”, one for “Non-Binary”, and one for “Prefer Not To Say”.

I’ve tried several Actions and can’t get the button to change. Hoping you can help. Thanks.

[mhays521]

I made a little progress in better understanding, but I’m still running into roadblocks. I was able to make the button work pulling right from the “Users” collection, but I want to pull from the “Gender” collection that has a relationship with the User collection (Relationship: 1 User has 1 Gender, but 1 Gender has multiple Users).

Looking forward to seeing what you come up with. Thanks!

[devrimdmk]

Hi ! Thank you for this awesome and very useful component ! I just buy it !

It is possible to make it completly circle like the Action button ?

Sorry my english isn’t perfect Have a great day

[maximo]

I bought it and want to implement it as a Create Enable/Disable button when a user is creating an account so the button will be activated when a user puts text into the input form and when they select an item from a list but I do not know where you would place the boolean?

Do you create a separate collection in the database for just the buttons and place the boolean properties there? Or do you add a boolean property to each category the user is filling out?

Not completely sure how to implement.
Here attached below is an example of what we are trying to do.

Thank you!!!

[stuz1987]

Hi @Michael, is there a new version of this? It only works sporadically for me… Sometimes it turns on, sometimes it doesn’t. I wanted it for one three buttons where when one turned on the others turned off, which it doesn’t work for. It also didn’t really work well when I tested it with one button.

Cheers

Stuart