Hi everyone, I want the user to be able to select and deselect from both options until they hit continue to confirm. In the next screen, the same method will be used for selection of likes and dislikes, hence i need to give users the posibility of selecting more than one card at a time
The “Selectable list” input element is perfect for this. You can set it to multi-select and it automatically tracks which list items are selected or de-selected. Then, you can read the selected values from the selectable list element when the user hits continue and pass those values to the next view.
Hi, thanks alot. I have managed to use a selectable list, but i am unable to change the male icon and the female icon, this is because inside the selectable list only one row can be edited.
What data source are you using to populate the selectable list items?
I am using an option set. The problem is, unlike the text male & female which change dynamically , I am unable to use a dynamic selection for the icons. I tried creating a new attribute under the gender option set but it isn’t working
yeah you may need to do something a bit more hacky to make this work since icons can’t be in option sets (yet). One thing you could do is add an attribute to the option set called gender which has male and female as options. Then, you have both icons in the row, but hidden by default. A conditional statement on the icon element to only show when the option set value for gender is “male” or “female” will ultimately control the visibility
I understand. I have solved it using an image instead. looks pretty the same. Thank you