Creating an accordion navigator : Accordion « Components « Flex

1. Flex
2. Components
3. Accordion

Creating an accordion navigator

      
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
    backgroundColor="white">
    <mx:Accordion width="150" height="150" id="myAccord">
        <mx:Canvas label="Section 1" />
        <mx:VBox label="Section 2" />
        <mx:HBox label="Section 3" />
    </mx:Accordion>
</mx:Application>

   
    
    
    
    
    
  

Related examples in the same category

1.	Register an event listener in MXML for Accordion change event
2.	Accordion container, IndexChangedEvent
3.	Define an event listener for Accordion initialize event
4.	Creating and removing children of an Accordion container
5.	Put Form inside an Accordion container
6.	Creating an Accordion container
7.	Open last panel in the Accordion container
8.	Set a different text color for each Accordion buttons
9.	Register an event listener in MXML that is processed when you change views in an Accordion container.
10.	History management is Enabled for this Accordion
11.	History management is disabled for this Accordion
12.	Define an event listener for the initialize event, which is dispatched when the user first navigates to Pane 2 of an MX Accordion navigator container
13.	Using the Spark NavigatorContent container as a child of an Accordion container
14.	Accordion Button Navigation
15.	Set a different text color for each of the Accordion buttons
16.	Set Accordion creationPolicy to all, which instructs the container to instantiate all controls for every panel in the navigator container when the application starts
17.	Accordion is opened to the panel corresponding to the value of the index fragment
18.	Use selectedChild property