Radiobuttons UX issue

tywomichael95 · 2024-07-14T17:02:37.428Z

I used radiobuttons to list our some preferred interests [static by the way], so what I’m trying to achieve is to make these radiobuttons interactive in such a way that if the user decides to unselect any selected interests then it should uncheck. I tried custom states but couldn’t make it work.

Bubble No-code apps (1)1280×715 108 KB

Bubble No-code apps1280×715 97.6 KB

hergin · 2024-07-14T17:29:25.392Z

I think these should be checkboxes because that is defacto element for stuff like this. And I would probably put them in a repeating group even if they were static so you can select/unselect them all with custom state list.

tywomichael95 · 2024-07-14T17:33:02.808Z

Thank you, do you mind working me through your thought process so I can get the picture better

hergin · 2024-07-14T17:38:25.583Z

Put a repeating group (maybe 3x2, or whatever columns rows you need).
Type will be text.
Data source will be arbitrary text of these options you have separated by something, then you will split them by the same something.
In the cell of the repeating group, add a checkbox with current cell’s text.
Create a custom state list of text in the repeating group.
Add two checkbox value changed workflow,
- One for checked, add current cell’s text to custom state list.
- One for unchecked, remove current cell’s text from custom state list.
Add conditional to make the checkbox checked if current cell’s text is in the custom state list.
Select all button will add all options to the custom state list.
Unselect all button will clear the custom state list.

system · 2024-09-22T17:02:39.629Z

This topic was automatically closed after 70 days. New replies are no longer allowed.