Highlighted

Nested Hovers

New Here ,
Feb 08, 2020

Copy link to clipboard

Copied

  Hi everyone I'm new here and while not exactly being a pro in xd, I've been trynna think my way out of a problem I've been facing in xd lately, I've checked all around the internet and tried every trick I can think of but I still can't solve it, I hope sharing it here would bring a solution. (P.S - Maybe all my use of xd terms might not be totally correct 😅

     So I'm trying to create a list of cards that have a pop out hover effect when I click them. It works great, b no ut where the problem is I want to add a button with a separate hover effect within the cards. Sort of a hover button within a hover panel, a nested hover. When I do that, the card pops out alright but the button in it with its own hover effect won't hover when I place the mouse cursor over it, It just sits there plain and unresponsive, not unless I sort of quickly jump the mouse cursor from outside the card directly to the button, and that only works sometimes.

     I dunno if this isn't a feature yet or I'm just doing something wrong. Any ideas??? Anyone??? 

Topics

How to, Missing feature, Product performance, Prototyping

Views

280

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

Nested Hovers

New Here ,
Feb 08, 2020

Copy link to clipboard

Copied

  Hi everyone I'm new here and while not exactly being a pro in xd, I've been trynna think my way out of a problem I've been facing in xd lately, I've checked all around the internet and tried every trick I can think of but I still can't solve it, I hope sharing it here would bring a solution. (P.S - Maybe all my use of xd terms might not be totally correct 😅

     So I'm trying to create a list of cards that have a pop out hover effect when I click them. It works great, b no ut where the problem is I want to add a button with a separate hover effect within the cards. Sort of a hover button within a hover panel, a nested hover. When I do that, the card pops out alright but the button in it with its own hover effect won't hover when I place the mouse cursor over it, It just sits there plain and unresponsive, not unless I sort of quickly jump the mouse cursor from outside the card directly to the button, and that only works sometimes.

     I dunno if this isn't a feature yet or I'm just doing something wrong. Any ideas??? Anyone??? 

Topics

How to, Missing feature, Product performance, Prototyping

Views

281

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
Adobe Community Professional ,
Feb 08, 2020

Copy link to clipboard

Copied

Here is tutprial abotu multiple interaction. Let us know if it helps to solve your problem Thanks

Tutorials

"As prototyping workflows continue to evolve, there are more and more ways to interact with your design. Everything from touch, drag and tap gestures, to keyboard shortcuts and voice recognition can not only be used, but combined to trigger a variety of interactions."- Dani Beaumont, Principal Product Manager, Adobe XD.

Watch this tutorial to learn how to combine multiple triggers for a variety of interactions.

Watching time: 1 minute.

 
 
 
 

Tips

 

 

To edit or delete a wire, select the wires to edit or delete them. You can also select a single interaction from the Property Inspector and edit its interactions.

 

 

Hover over the wire to view a tool tip that tells you the number of interactions and their type. 

 

 

To apply the defined interaction to another object, select the object or the artboard, select copy, click on the destination object or artboard, and in the right-click context menu, select Paste Interaction.

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
Reply
Loading...