Problem 1/ 3 - all radio button checked when option checked

Need help
1

Hi,

I’m a Bubble newbie so please bear with me. I have a few issues that I’m stuck with.

I created my own radio buttons using icons because I don’t like the styling of the default ones.

Current situation:

  • Custom state is set at the page level
  • I’ve used a condition to change them from unchecked to checked and a state workflow for each option
  • However when you select an option, all options are selected
  • I’ve tried the following conditions - when option 2’s state or option 3 's state are not empty, show the unchecked icon for option1; when option 2’s state and option 3 's state are empty, option is clickable. I even tried addition to the workflow so ‘option 1 is clickable only when option 2’s state and option 3’s state are empty, set state to yes’

What condition and / or workflow do I need to create for just the radio button selected is checked?

2

You’re close, just need to tweak how you’re handling state. Instead of setting a separate state for each option, use one custom state at the page level (call it selectedOption which can be a number 1,2,3).

• When an icon is clicked, update selectedOption to that option’s value.

• Set a condition on each icon: if selectedOption matches this option, show the checked icon, otherwise show the unchecked one.

Right now, it sounds like each option is setting its own state without clearing the others, which is why they’re all getting selected.

1 Like
3

Just to clarify, will the state type be number or number range?

4

single number or list of numbers (if you need multiple selections)

1 Like
5

That worked, thank you so much