Welcome Dialog

Welcome to the Community!

We have a brand new look! Take a tour with us and explore the latest updates on Adobe Support Community.


How to create a drop down menu in XD?

Explorer ,
Jul 12, 2021 Jul 12, 2021

Copy link to clipboard

Copied

I have been trying to follow this tutorial: https://www.adobe.com/products/xd/learn/design/layout/create-dropdown-menu.html

It is virtually impossible to follow and so many things don't seem to work.

  1. Trying to copy the dropdown content into the same layer as the header. I eventually got this to work but I have got no idea how.
  2. States and actions: I found it fairly easy to get the action to open the menu. However when I wanted to get the close action working I was unable to select just the header as per the tutorial.
  3. Screenasts. The screencasts were too fast and I couldn't pause them. I ended up recording the screen so I could pause it. This seems crazy. Is there an easier way.

Is this typical of Adobe tutorials? I must admit I haven't used many of the official tutorials. Rather I have learnt on the way of searched Google for the topic I was interested in.

 

<Title renamed by moderator>

 

TOPICS
How to

Views

150

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
Adobe Employee ,
Jul 12, 2021 Jul 12, 2021

Copy link to clipboard

Copied

LATEST

Hi Chris,

 

Thank you for reaching out and sorry for the trouble in creating a drop-down menu. I have found two tutorials for you which might help you. Please find the links below-

 

 

I am also keeping the discussion open for our experts who might have more suggestions for you.

 

Hope it helps.

 

Thanks,

Harshika

 

 

In this video, I try to work out a solution for creating an animated dropdown menu that has hover states for both the top-level and sub-level nav items in Ad...
Create Design/Prototype/Flowchart/Mindmap in 10 Minutes with Wondershare Mockitt: https://bit.ly/343e0Ar500+ Free Stunning Design Resources: https://bit.ly/3...

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