• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

How to Link Dropdown Menu Pages in XD?

Explorer ,
Sep 05, 2021 Sep 05, 2021

Copy link to clipboard

Copied

Good afternoon everyone!, So I know you can create a hoverable dropdwon menu in Adobe XD, but is there a way to link those pages to the other pages like you can with the top navigation bar pages cause I have 11 screens and each one has a hoverable dropdown menu and it works but I was just wondering if there was a way to do that so if anyone knows a way to do that, please let me know 

 

Hope to hear from someone soon!

 

Thanks! 

 

Veda

<Title renamed by moderator>

Veda Fox
TOPICS
Design , How to

Views

1.1K

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 ,
Sep 05, 2021 Sep 05, 2021

Copy link to clipboard

Copied

Hello,

Do you mean prototyping of pages through hoverable menu dropdown ? 

Please clarify what do you mean by linking of pages to other pages.

If its related to wiring between the pages then yes you can do it , by doing tap interaction on hover state to respective page.

So, When you hover on menu, dropdown with list of buttons will appear and you can tap on one of them to navigate.

Let me know if things doesn't match to your question.

 

Regards,

Anita Subedi

 

Votes

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
Explorer ,
Sep 05, 2021 Sep 05, 2021

Copy link to clipboard

Copied

 

The Video Above Is What I Mean By That

Veda Fox

Votes

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 ,
Sep 06, 2021 Sep 06, 2021

Copy link to clipboard

Copied

Hey, have seen your video. 

You can do this :

Whatever wiring you are gonna do on main component will reflect on instances as well, so no need to do repetitive work.

On main component select each block and do wiring and keep it out of any canvas , means keep it on pasteboard.

And use its instances on all artboards.

Please let us know if its not helpful

 

Thanks,

Anita Subedi

Votes

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
Explorer ,
Sep 08, 2021 Sep 08, 2021

Copy link to clipboard

Copied

Can you send me a screen recording of what those steps that you mentioned above look like cause I am more of a visual learner and looking/watching things visually makes much more sense to me so if you could do that , would be great!

Veda Fox

Votes

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
Explorer ,
Sep 20, 2021 Sep 20, 2021

Copy link to clipboard

Copied

@Ansubedi03 Read My Reply Above Please

Veda Fox

Votes

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 ,
Oct 04, 2021 Oct 04, 2021

Copy link to clipboard

Copied

LATEST

Hello,

 

Sorry for the late reply.

Please see the attached video link and let me know if it doesn't workout.

 

Regards,

Anita Subedi

 

Votes

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