TabNavigator Container

June 18, 2009 at 6:41 am | Posted in Flex | Leave a comment

Definition:

               It creates and manages a set of tabs. It creates one tab for each child and displays the associated child. Only one child will be visible at a time.  All tabs are visible, unless they do not fit onto a single screen. We can disable a child of a TabNavigator container by using the disable property.

Source Code:

<?xml version=”1.0″ encoding=”utf-8″?>
<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml” layout=”absolute”>

 <mx:TabNavigator x=”105″ y=”111″ width=”200″ height=”200″>
  <mx:Canvas label=”AA” width=”100%” height=”100%” >
  <mx:ColorPicker  x=”88″ y=”53″/>
  </mx:Canvas>
  <mx:Canvas label=”A” width=”100%” height=”100%”>
  <mx:DateField  x=”54″ y=”50″/>
  </mx:Canvas>
  <mx:Canvas label=”B” width=”100%” height=”100%”>
  <mx:DateChooser  x=”10″ height=”157″/>
  </mx:Canvas>
  <mx:Canvas label=”C” width=”100%” height=”100%”>
  <mx:HSlider  x=”19″ y=”59″/>
  </mx:Canvas>
 </mx:TabNavigator>
  
</mx:Application>

Thanks & Regards,
R.Kasi Ruby