LinkBar

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

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#874040, #874040]">

 <mx:Panel title="LinkBar Control" layout="vertical" color="0xffffff" borderAlpha="0.15" height="240" width="550"

         paddingTop="10" paddingRight="10" paddingBottom="10" paddingLeft="10" horizontalAlign="center" x="10" y="10">

        

         <mx:Text width="100%" color="0x323232" textAlign="center"

            text="Select a link in the LinkBar control to set the active child of the ViewStack container."/>

        <mx:LinkBar color="0x0050AA" horizontalAlign="center" width="100%" fontWeight="bold" dataProvider="{myViewStack}" borderColor="0xACACAC" borderStyle="solid"/>

        <!-- Define the ViewStack and the three child containers -->

        <mx:ViewStack id="myViewStack" borderStyle="solid" width="100%" height="80%" color="0x323232">

       

            <mx:VBox id="search" label="Search" backgroundColor="0xDCDCDC" width="100%" height="100%" fontWeight="bold" >

                <mx:Label text="Search Panel" width="100%" textAlign="center" paddingTop="10" />

                <mx:HBox width="100%" horizontalAlign="center" >

                    <mx:TextInput id="Searchtxt" width="200" />

                    <mx:Button label="search" click="Searchtxt.text=''" />

                </mx:HBox>

            </mx:VBox>

           

            <mx:VBox id="custInfo" label="Customer Info" backgroundColor="0xDCDCDC" width="100%" height="100%" fontWeight="bold" horizontalAlign="center" >

                <mx:Label text="Customer Info" width="100%" textAlign="center" paddingTop="10" />

                <mx:HBox width="100%" horizontalAlign="center">

               

                    <mx:Label text="Email Address"/>

                    <mx:TextInput id="email" width="200"/>

                    <mx:Button label="Submit" click="email.text='';" />

                </mx:HBox>

               

            </mx:VBox>

           

            <mx:VBox id="accountInfo" label="Account Info" backgroundColor="0xDCDCDC" width="100%" height="100%" fontWeight="bold" >

                <mx:Label text="Account Info" width="100%" textAlign="center" paddingTop="10" />

                <mx:HBox width="100%" horizontalAlign="center">

                    <mx:Button label="Purchases" />

                    <mx:Button label="Sales" />

                    <mx:Button label="Reports" />

               

                </mx:HBox>

            </mx:VBox>

           

        </mx:ViewStack>

       

    </mx:Panel>

</mx:Application>