Search Flex Components Free

Custom Search

December 25, 2007

Flex Navigators Control Accordion Source

Sample Source code:

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" backgroundAlpha="0">

<mx:Accordion id="accordion" width="300" height="300">

<mx:VBox label="Panel 1">
<mx:Label text="This is Panel 1"/>
</mx:VBox>

<mx:VBox label="Panel 2">
<mx:Label text="This is Panel 2"/>
</mx:VBox>

<mx:VBox label="Panel 3">
<mx:Label text="This is Panel 3"/>
</mx:VBox>

</mx:Accordion>

<mx:Label text="Programmatically selecting views:"/>

<mx:HBox>
<mx:Button label="Select Panel 1" click="accordion.selectedIndex=0"/>
<mx:Button label="Select Panel 2" click="accordion.selectedIndex=1"/>
<mx:Button label="Select Panel 3" click="accordion.selectedIndex=2"/>
</mx:HBox>

</mx:Application>

Related Flex Tutorials