<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:ns1="*" backgroundColor="#ffffff">

<mx:Style>
    Button {
        color: #000000;
        background-color: #ffffff;    
    }
    LinkButton {
        color: #000000;
    }
</mx:Style>

<mx:Script>
    <![CDATA[
    
        private function updatePlacement(placement:String):void
        {
            mytabbar.placement = placement;
            mytabbar.setPosition(null);
        }
        
    ]]>
</mx:Script>

    <ns1:TabAnywhere y="266" dataProvider="viewstack1" placement="right" color="#808000" buttonStyleName="buttons" x="425.5" id="mytabbar" />
    
    <mx:ViewStack y="296" id="viewstack1" width="200" height="200" horizontalCenter="0">
        <mx:Canvas label="One" width="100%" height="100%">
            <mx:Canvas label="Two" width="100%" height="100%" backgroundColor="#cccccc">
                <mx:Label x="81.5" y="75" text="1" fontWeight="bold" fontFamily="Verdana" fontSize="36" color="#ffffff" width="37"/>
            </mx:Canvas>
        </mx:Canvas>
        <mx:Canvas label="Two" width="100%" height="100%" backgroundColor="#cccccc">
            <mx:Label x="81.5" y="75" text="2" fontWeight="bold" fontFamily="Verdana" fontSize="36" color="#ffffff" width="37"/>
            <mx:Canvas label="Two" width="100%" height="100%" backgroundColor="#cccccc">
                <mx:Label x="81.5" y="75" text="2" fontWeight="bold" fontFamily="Verdana" fontSize="36" color="#ffffff" width="37"/>
            </mx:Canvas>
        </mx:Canvas>
        <mx:Canvas label="Three" width="100%" height="100%">
            <mx:Label x="81.5" y="75" text="3" fontWeight="bold" fontFamily="Verdana" fontSize="36" color="#ffffff" width="37"/>
            <mx:Canvas label="Two" width="100%" height="100%" backgroundColor="#cccccc">
                <mx:Label x="81.5" y="75" text="3" fontWeight="bold" fontFamily="Verdana" fontSize="36" color="#ffffff" width="37"/>
            </mx:Canvas>
        </mx:Canvas>
    </mx:ViewStack>
    
    <mx:LinkButton y="70" label="Tabs on Top" click="updatePlacement('top')" horizontalCenter="0"/>
    <mx:LinkButton y="100" label="Tabs on Right" click="updatePlacement('right')" horizontalCenter="53.5"/>
    <mx:LinkButton y="130" label="Tabs on Bottom" click="updatePlacement('bottom')" horizontalCenter="0"/>
    <mx:LinkButton y="100" label="Tabs on Left" click="updatePlacement('left')" horizontalCenter="-56"/>
    
</mx:Application>