Skip to main content
Participant
May 30, 2022
Answered

Hover affect not working.

  • May 30, 2022
  • 2 replies
  • 426 views

I created a drop down option selector tool. I added in an affect that highlights the option that you are hovering over. However, it only highlights one option. It will only highlight another option if you take the mouse off of the component then go back and hover over another option. That is not very fluid. Is there a way to fix this in XD?

This topic has been closed for replies.
Correct answer AkinGn

Hi @Randy24660281sdsx,  as @Ares Hovhannesyan pointed out, we can't assign more than one effects on a single hover.  We need to use a seperate component. I think the best way would be activating dropdown with tap trigger and then having options have their own hover states. I created a seperate component for the option which has its own hover state, that way it works. You can see the prototype here: https://xd.adobe.com/view/cb941686-3592-4d31-899f-a80c09a8a9e2-9ec7/
And the file here: https://www.dropbox.com/s/qxovxh8ackn0ra5/option-hover-test.xd?dl=0

 

And as I get great video tutorial ideas here, I'll update you if I do one about this. Hope this helps.

2 replies

AkinGn
Community Expert
AkinGnCommunity ExpertCorrect answer
Community Expert
May 30, 2022

Hi @Randy24660281sdsx,  as @Ares Hovhannesyan pointed out, we can't assign more than one effects on a single hover.  We need to use a seperate component. I think the best way would be activating dropdown with tap trigger and then having options have their own hover states. I created a seperate component for the option which has its own hover state, that way it works. You can see the prototype here: https://xd.adobe.com/view/cb941686-3592-4d31-899f-a80c09a8a9e2-9ec7/
And the file here: https://www.dropbox.com/s/qxovxh8ackn0ra5/option-hover-test.xd?dl=0

 

And as I get great video tutorial ideas here, I'll update you if I do one about this. Hope this helps.

Ares Hovhannesyan
Community Expert
Community Expert
May 30, 2022

Do I understand corect that you want to trigger two effects on one hower?