Is there a way to keep active multiple states at a time like Hover State on Adding Trigger in XD?

Community Beginner ,
May 05, 2022 May 05, 2022

Copy link to clipboard

Copied

Hi! I'm trying to create a Multiple Choice Question - Web Prototype in XD like this:
👉https://bit.ly/3sbAKuM

 

I want a hover shape to appear on each choice when the user hovers on it, like this:

👉https://bit.ly/3wa2X62

 

And also show a tick or wrong icon appear, along with the hover shape, when the user clicks on the choice like this:
👉https://bit.ly/3858va8

 

So far using STATES, I've been able to create:
1) The hover shape which appears for each choice
2) A Correct STATE (with Tick icon), and an Incorrect STATE (with Wrong icon)

 

But, when I add the interactivity in the PROTOTYPE tab, for the Correct & Incorrect States to appear [In this case, TRIGGER: TAP, TRANSITION: NONE, DESTINATION: Correct/Incorrect State], my Correct & Incorrect states appear on click BUT MY HOVER STATE VANISHES like this:
👉https://bit.ly/39G5c9S

 

<Title renamed by moderator>

TOPICS
Missing feature

Views

209

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Adobe Employee , May 06, 2022 May 06, 2022
Hi, Thank you for posting your issue here. I can understand your concern. But at a time only 1 state can be active. So when you are creating Correct/Incorrect state keep the changes of hover state in those states also. As I can see in hover state you have a border around the answer so in incorrect / correct state also keep the border with the Tick or Cross. Then I think it should work as you expected. I have attached a video for your reference. Let us know if it helps. Regards, Abhishek Das ...

Likes

Translate

Translate
Adobe Employee ,
May 06, 2022 May 06, 2022

Copy link to clipboard

Copied

Hi,

Thank you for posting your issue here.

I can understand your concern. But at a time only 1 state can be active. So when you are creating Correct/Incorrect state keep the changes of hover state in those states also. As I can see in hover state you have a border around the answer so in incorrect / correct state also keep the border with the Tick or Cross. Then I think it should work as you expected.

 

I have attached a video for your reference.

Let us know if it helps.

 

Regards,

Abhishek Das (Adobe XD Team)

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
May 06, 2022 May 06, 2022

Copy link to clipboard

Copied

LATEST
  • Thanks @Abhidas👍 for your reply. I went through the video, but couldn't figure it out. Can you please help me understand it? Also, please feel free to attach any tutorials which show the right way to do this. 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines