Need to implement Drawer Component in flex3?

Posted on 2011-05-02
Last Modified: 2012-05-11
Need to implement Drawer Component in flex3?
If possible provide me some sample code.

Below is the link for Drawer Component in flex4, but i need to implement this kind of functionality in flex3.
Also provide me step by step process.

Question by:alamflex
    1 Comment
    LVL 29

    Accepted Solution

    You can write very simple implementation like this

    <?xml version="1.0" encoding="utf-8"?>
    <mx:Application xmlns:mx="" creationComplete="onComplete()">
    			private function onComplete():void{
    				var s:Array = [];
    				for(var i:uint = 65; i <= 122; i++)
    				txt1.text = s.join(" ").toUpperCase();
    				txt2.text = s.join(" ").toLowerCase();
    			protected function clickHandler(event:MouseEvent):void{
    				var originalY:Number = drawer.height - btn.height;
    				moveEffect.yTo = (popup.y == originalY) ? drawer.height - popup.height : originalY;;
    	<mx:Move id="moveEffect" target="{popup}"/>
    	<mx:Canvas id="drawer" width="500" height="300" backgroundColor="#ffffff" borderStyle="solid" verticalScrollPolicy="off">
    		<mx:Text id="txt1" width="100%" height="100%"/>
    		<mx:VBox id="popup" x="30" height="100" width="{drawer.width - (popup.x * 2)}" y="{drawer.height - btn.height}" 
    				 horizontalAlign="center" verticalGap="0">
    			<mx:Button id="btn" label="^" width="20" height="15" cornerRadius="0" paddingLeft="0" paddingRight="0" click="clickHandler(event)"/>
    			<mx:HBox width="100%" height="100%" backgroundColor="#cccccc" borderStyle="solid">
    				<mx:Text id="txt2" width="100%" height="100%"/>

    Open in new window


    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Maximize Your Threat Intelligence Reporting

    Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

    First things first - Preparation We need all the part for this install and it's much nicer to have them all on hand when you need them so here's what's required. Download Eclipse 3.5 32 bit (I like the Classic flavour) from here. (http://www.e…
    For Sennheiser, comfort, quality and security are high priority areas. This paper addresses the security of Bluetooth technology and the supplementary security that Sennheiser’s Contact Center and Office (CC&O) headsets provide.  
    Migrating to Microsoft Office 365 is becoming increasingly popular for organizations both large and small. If you have made the leap to Microsoft’s cloud platform, you know that you will need to create a corporate email signature for your Office 365…
    how to add IIS SMTP to handle application/Scanner relays into office 365.

    759 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    14 Experts available now in Live!

    Get 1:1 Help Now