We help IT Professionals succeed at work.

Accordion Menu with internal scrolling

MediaMacros asked
Last Modified: 2011-08-18
We are working on a setup that needs a navigation much like the outlook bar.  We have external data that comes in as groups and then has multiple icons, etc that get populated.  The problem is that we never know how much space each will be until its loaded.  We are trying to set up an accordion menu for the categories, then add the icons to that.  This part is not a problem, but if the content exceeds the viewable space of the accordion area we need a scrll inside the accordion iteslf.  Does anyone know of a way to do this and have the viewable area sense how large it is so the scroll shows at the appropriate size?  Thanks.
Watch Question

Vicker LeungAssistant IT Manager


I guess it is not possible to tackle this on the accordion side.
Because the accordion class dont have this function.
And you wont be able to change it.

However I suggest that you tackle it on the symbol side.
When you are building the accordion, for each child, you will have to provide the one and only one library symbol.
Actually this library symbol is a movieclip that you should know the height of it already.
So why not you add a scroll bar inside the movieclip instead of thinking it inside the accordion.

Hope this idea helps


Please close.  I was able to get it working, but its very convoluted...

You have to place am ovie clip inside the acordian, then add the scroll area to that.  Then size the scroll area based on the accordian size - the header height * the number of menus in the accordian.  After that you add a single place holder movie clip inside the scroller and add all the thumbnails to that clip.  Multiple levels but it does finally work.  Just typicall "harder than it should be" when using components.
This one is on us!
(Get your first solution completely free - no credit card required)

Gain unlimited access to on-demand training courses with an Experts Exchange subscription.

Get Access
Why Experts Exchange?

Experts Exchange always has the answer, or at the least points me in the correct direction! It is like having another employee that is extremely experienced.

Jim Murphy
Programmer at Smart IT Solutions

When asked, what has been your best career decision?

Deciding to stick with EE.

Mohamed Asif
Technical Department Head

Being involved with EE helped me to grow personally and professionally.

Carl Webster
CTP, Sr Infrastructure Consultant
Empower Your Career
Did You Know?

We've partnered with two important charities to provide clean water and computer science education to those who need it most. READ MORE

Ask ANY Question

Connect with Certified Experts to gain insight and support on specific technology challenges including:

  • Troubleshooting
  • Research
  • Professional Opinions
Unlock the solution to this question.
Join our community and discover your potential

Experts Exchange is the only place where you can interact directly with leading experts in the technology field. Become a member today and access the collective knowledge of thousands of technology experts.

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.


Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.