TabNavigator

<?xml version="1.0"?>
<!-- containers\navigators\TNEffect.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:WipeLeft id="myWL"/>

    <mx:TabNavigator>

        <mx:VBox label="Accounts" 
            width="300" 
            height="150"
            showEffect="{myWL}">
            <!-- Accounts view goes here. -->
            <mx:Text text="This is a text control.1"/>
        </mx:VBox>

        <mx:VBox label="Stocks" 
            width="300" 
            height="150"
            showEffect="{myWL}" verticalScrollPolicy="auto" horizontalScrollPolicy="auto">
            <!-- Stocks view goes here. -->
            <mx:Text text="This is a text control.2"/>
        </mx:VBox>

        <mx:VBox label="Futures" 
            width="300" 
            height="150"
            showEffect="{myWL}">
            <!-- Futures view goes here. -->
            <mx:Text text="This is a text control.3"/>
        </mx:VBox>   
    
    </mx:TabNavigator>  
</mx:Application>