Quiz correct answer detectable when given selected state
Feb 01, 2016
When creating a quiz, i wanted to adjust the state of the answers so when it was selected the user would get a little highlight around it to show they selected it.
However, i noticed that when hovering over the answers, the answer that had been "selected" as correct would blend the selected state with the highlighted state.
This would allow the user to determine to correct answer by selecting the one that hover-highlights differently.
I think it has something to do with how the correct answer is "selected".
Demo: https://goo.gl/f1cnwy
Is there a way to have a selection highlight without it being visible during the hover?
I suppose i could make a custom trigger that would adjust the state to a custom state when a user clicks an answer. But then id have to do it for every single answer on every question.
Thanks for any insight yall might have.
.story attached.
5 Replies
Hello David!
Take a look at the state of your correct answer. It's initial state is set to "Selected". If you change it's initial state to "Normal" it should fix the issue.
Hope this helps!
Preston,
I had thought the same thing. However, setting the initial state to selected is how the quiz determines the "correct" answer. If i change it to normal, then there is no correct answer for the question and any answer selected will come back as incorrect.
Hmm... your right. I added a different question and did the states myself. I the next slide doesn't seem to have the same issue your does. I just manually created the "Selected" state by adding a shape behind each selection.
Unfortunately, I can't figure out why your question is bugged.
The difference is mine is done by filling the question with a color in the selected state. Yours adds a shape. Interesting approach, that may be the needed work around. Im not sure why that would work and mine wouldn't though.
Hi David!
Thanks for allowing me to take a peek at your file.
The problem you were seeing is happening because the hover state is slightly transparent. Normally that wouldn't matter, except the selected state has a fill color. In that case, the selected state shows through the hover state.
A simple way to fix this is to remove the transparency on the hover state. I've made that change in your file--have a look, and let me know what you think!
This discussion is closed. You can start a new discussion or contact Articulate Support.