[Prototype]-How to create a hover dropdown menu in XD?

Forum|Forum|5 years ago
January 31, 2020
3 replies
19415 views

Hi there,

I'm just wondering if there is a way to create "hover" micro interactions in XD?

For example, when I hover my mouse over a nav, i'd like a dropdown menu to appear.

This topic has been closed for replies.

L

labordeka

New Participant

Hello,

I am new to Adobe Xd and looking for a simple drop down menu. I found a few videos but nothing I like and simple to use. I did find one with using States but it doesn't show the 5 hoover drop down vertical menu that is what I am searching for. Can anyone give me some information on this subject.

Thank you,

Kathy

kathylaborde7@gmail.com

K

Kenneth Kawamoto

Braniac

Can you explain what is "5 hoover drop down vertical menu" you are after? A drop down menu with 5 levels?

L

labordeka

New Participant

Hello,

I mean I have 5 navagation links I want to hoover over with a drop down list. The videos I have been reviewing have a flyout menu or you just click on the arrow and all the links appear. I don't want to use several artboads. This new Adode Xd version I believe you can have one artboard and use states. Any help or template would be appreciated.

Thank you,

drop down url

Thank you,

Kathy

Peter Villevoye

Braniac

You can create an example (one scenario of artboards/steps) which shows how such a hover menu would appear, but you'd need multiple steps to mimick the operation of the whole menu, if you really need or want to do so. The current approach in XD for prototyping interactions in combination with hovers is flawed. Read this thread to learn more about it:

https://community.adobe.com/t5/adobe-xd/prototype-menu-dropdown-with-hover-effect/m-p/10999103