I am making a quiz app. Each question has multiple possible answers (only one is the correct answer), which are displayed using a choices component. At the moment, the user chooses an option and a “Correct/Incorrect” notification is displayed using a hint component. But, the user can change their answer, so if they chose an incorrect answer, they can re-choose and re-choose until they find the correct one before moving to the next question.
Is there a way to “lock in” choices made in the choice component so that users can’t change their selection?
What you could do is add a visibility condition to the choice component so that it disappears once they make a selection. And perhaps add a text component with an opposite visibility condition to display the choice they made.
When I do quizz I usually do not use choice component but action row with A,B,C and D actions so that the user choice is saved and yet the user can change it.
But of course if you want to lock in the choice then set the action for the other as inactive and there you go
Interesting! Thank you for responding. Can I ask a question about this method?
You say, “set the action for the other as inactive”… Do you mean that pressing one of the action buttons in the action row automatically makes the other action buttons inactive? How can I set this?
Yes, that’s correct. Within each letter action (which requires a workflow action), you can add a condition at the beginning of the workflow. This condition should check whether the choice is empty or if it matches the specific letter assigned to that workflow.
By doing this, once a choice is made in one workflow, all the others will become inactive, preventing them from executing. As a result, their action row buttons will appear slightly faded, while only the selected option will retain its normal appearance.
