Hi,

I have a project that requires a collapsible accordion-like menu for a
dashboard. It is to be used to select an item from a company's
hierarchy. The top level is Groups, below each Group are Market Areas
and below each Market Area are Business Units. Initially the menu would
be in it's closed state with only the Groups showing. When you click on
a Group, it should open to show the nested Market Areas underneath it
and also raise an event that will trigger some functions. Likewise, when
a Market Area is clicked, the child business units should be shown and
the event raised.


I originally tried nesting accordion controls but found that this didn't
give me the results I wanted. When the accordions are opened and
collapsed, they do not properly resize to show all the nested children
inside of it.

I have currently built the menu in a non-collapsible form using nested
Vbox and Button controls.  This is generated using dynamically inserted
components that are added recursively based on a data from a web
service. It works well, but it does not collapse and since there are so
many locations, it makes it somewhat cumbersome for the user.

Does anyone know of an example of a menu like this or do you have any
suggestions about the best way to go about making the collapse work? The
entire menu must be completely generated using actionscript. I want
avoid using any static MXML controls.


Here is a link to an image of the menu in its current state.

http://www.concerts.com/assets/temp/NavMenuShot.jpg

Thanks,
JC



Reply via email to