<mx:VBox label="Tab Three">
<mx:Label text="Tab three's content" />
</mx:VBox>
</mx:TabNavigator>
</mx:Application>
When I run this example from Flex Builder I see Figure 4-14.
Figure 4-14. The tab control
Yep,
it’s really that easy. And you can reskin the tabs to be in
whatever form you please with CSS and skinning (more on that
shortly).
An accordion works exactly the same way, as you can see in
Example 4-15.
Example 4-15. Accord.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical">
<mx:Accordion borderStyle="solid” width="100%” height="100%">
56 | Chapter 4: Flex Controls and Layout
Comments to this Manuals