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.


Add Scroll to Submenu in Accordion

Explorer ,
Nov 30, 2019 Nov 30, 2019

Copy link to clipboard

Copied

Hi Everyone. 

If anyone can help me with animating accordion menu in XD. attached the sample image.

Case 1 is all collapsed menu 

Case 2 is when the user clicks on heading, the sub headings displayed underneath with scroll based on length of sub heading menu.

 

I am able to do normal accordian.

 

accordion.png

TOPICS
Desktop, How to, Missing feature, Other

Views

607

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 Community Professional ,
Dec 01, 2019 Dec 01, 2019

Copy link to clipboard

Copied

This effect too can be accomplished using a component with multiple states. Is this what you're looking for? https://xd.adobe.com/view/a163c6ad-0ee7-46eb-4bfe-87012da033fb-d752/?fullscreen&hints=off

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
Explorer ,
Dec 01, 2019 Dec 01, 2019

Copy link to clipboard

Copied

This I could achieve with component.

If u see the images I posted, if the sub headings options are more for heading 1 in case, the sub headign section should show internal scroll.

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 Community Professional ,
Dec 01, 2019 Dec 01, 2019

Copy link to clipboard

Copied

I don't understand what you mean.

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 ,
Dec 03, 2019 Dec 03, 2019

Copy link to clipboard

Copied

Chad, 

 

What I think Arpana wants to do is add a scroll in the box in the second image which has the list "subheading 1" inside.

 

Thanks,

Preran

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
Explorer ,
Dec 08, 2019 Dec 08, 2019

Copy link to clipboard

Copied

yes, absolutely correct Preran .

Chad_Chelius,what I wanted to achieve is an accordian menu with internal scroll for sub menus. so that the main menu doesn't move from its position.

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
Explorer ,
Dec 10, 2020 Dec 10, 2020

Copy link to clipboard

Copied

LATEST

I'm looking to find out how to achieve the example you link to. Do you have a tutorial?

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