Single selection - of multiple component and states (Radio buttons)

[Noga Deutsch]

hi,

how do I create a single selection of components (out of a group\multiple components) - for example - if I have 4 components (each has default and toggle state)? so in the case of selecting item one, this should change other items to default states. and if I will select item 2 (after selecting item 1, this should change to default state instead of toggle state.

hope this was clear... 

thanks,

Noga

[AkinGn]

Hi @Noga Deutsch, I'd suggest making the whole form a component and depending on the radio button clicked, changing the state of the component to "1-selected", "2-selected" etc. And in "1-selected" state as you guess, the first radio button should be selected while others remaining unselected and so on. Hope this helps!

[Noga Deutsch]

thank you. I did create 1 selected, 2 selected....

but... how can I define that only one state can be active... for some reason this is not the behavior I'm experiencing.

what did I miss? 😞

[Noga Deutsch]

 just created an example.. these are not the actual values... just for the discussion...

thanks,

Noga

[AkinGn]

Actually that was what I meant, making the whole thing a component and changing its state by inner elements, I think the toggle menu logic would help you there right? https://www.youtube.com/watch?v=MWr4xgvQx18  

You can also use the logic of the accordion menu/FAQ page tutorial since there can only be one item selected there also: https://www.adobe.com/products/xd/learn/design/layout/faq-page-design.html Let me know if this doesn't help, I might try and see tomorrow!

[Noga Deutsch · Accepted solution]

thank you @AkinGn  for the tips. I did watch youtube, I had some delays - so I have replaced the default to hover, and this reduced the "double-click" to switch... thanks again!

it was helpful!

Noga

[AkinGn]

Glad to hear it, keep up the good work! 🙌