NavigatorContent inside a TabNavigator : TabNavigator « Container « Flex






NavigatorContent inside a TabNavigator

NavigatorContent inside a TabNavigator
      


<!--
Code from Flex 4 Documentation "Using Adobe Flex 4".

This user guide is licensed for use under the terms of the Creative Commons Attribution 
Non-Commercial 3.0 License. 

This License allows users to copy, distribute, and transmit the user guide for noncommercial 
purposes only so long as 
  (1) proper attribution to Adobe is given as the owner of the user guide; and 
  (2) any reuse or distribution of the user guide contains a notice that use of the user guide is governed by these terms. 
The best way to provide notice is to include the following link. 
To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/3.0/

-->

 

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:mx="library://ns.adobe.com/flex/mx"
    xmlns:s="library://ns.adobe.com/flex/spark">
    <s:layout>
        <s:VerticalLayout />
    </s:layout>
    <s:Panel title="My Application">
        <s:HGroup>
            <!-- List with three items -->
            <s:List>
                <s:dataProvider>
                    <mx:ArrayCollection>
                        <fx:String>Item 1</fx:String>
                        <fx:String>Item 2</fx:String>
                        <fx:String>Item 3</fx:String>
                    </mx:ArrayCollection>
                </s:dataProvider>
            </s:List>
            <!-- First pane of TabNavigator -->
            <mx:TabNavigator borderStyle="solid">
                <s:NavigatorContent label="Pane1" width="300">
                    <s:layout>
                        <s:VerticalLayout />
                    </s:layout>
                    <s:TextArea text="Hello World" />
                    <s:Button label="Submit" />
                </s:NavigatorContent>
                <!-- Second pane of TabNavigator -->
                <s:NavigatorContent label="Pane2" width="300"
                    height="150">
                    <!-- Stock view goes here -->
                </s:NavigatorContent>
            </mx:TabNavigator>
        </s:HGroup>
    </s:Panel>
</s:Application>

   
    
    
    
    
    
  








Related examples in the same category

1.TabNavigator EffectTabNavigator Effect
2.Put VBox into TabNavigatorPut VBox into TabNavigator
3.Add Panel to TabNavigatorAdd Panel to TabNavigator
4.Contain a Spark List control and an TabNavigator containerContain a Spark List control and an TabNavigator container
5.Put Form into TabNavigatorPut Form into TabNavigator
6.Load the modules when navigating to tabs in TabNavigatorLoad the modules when navigating to tabs in TabNavigator
7.TabNavigator creation PolicyTabNavigator creation Policy
8.Load modules when the user navigates to the appropriate tabs in TabNavigatorLoad modules when the user navigates to the appropriate tabs in TabNavigator
9.Add child component to TabNavigatorAdd child component to TabNavigator
10.Enable child of TabNavigator
11.Disable TabControls Within a TabNavigator
12.Get child count in TabNavigator
13.TabNavigator containerTabNavigator container
14.Change URL as TabNavigator changedChange URL as TabNavigator changed
15.Use Button to select TabUse Button to select Tab
16.Using a tab navigator to created tabbed navigationUsing a tab navigator to created tabbed navigation
17.Responding to tab changes in a tab navigatorResponding to tab changes in a tab navigator
18.Using an event object to pass information about selected tabUsing an event object to pass information about selected tab