*yess... here's the code.. soo easy!!!...*

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



<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml";
layout="absolute">

<mx:Script>
    <![CDATA[
        import mx.controls.Alert;
        import mx.controls.ToolTip;
         private function AlterLeftPanel():void
             {
                 if (lnkAlterPanel.label==">")
                 {
                     lnkAlterPanel.label="<";

                     expand.end();
                     expand.play();
                     encounterSearchPane.visible=true;
                 }
                 else
                 {
                     lnkAlterPanel.label=">";
                     contract.end();
                     contract.play();

                 }
             }


    ]]>
</mx:Script>
<mx:Fade id="fadeOut" duration="500" alphaFrom="1.0" alphaTo="0.0"/>
    <mx:Fade id="fadeIn" duration="500" alphaFrom="0.0" alphaTo="1.0"/>

<mx:Resize id="expand" target="{LeftCanvas}" widthTo="500" />
<mx:Resize id="contract" target="{LeftCanvas}" widthTo="30" />
<mx:Canvas id="LeftCanvas" x="0" y="0" width="30" height="99%"
backgroundColor="#ffffff" borderStyle="solid" borderThickness="1"
borderColor="#000000" visible="true">
<mx:Accordion width="576" height="95%" styleName="AccordionStyle"
id="encounterSearchPane"
                          showEffect="{fadeIn}" hideEffect="{fadeOut}"
visible="false">

            </mx:Accordion>
    <mx:Button id="lnkAlterPanel" y="0" label=">" width="28" height="100%"
right="-10" fontWeight="bold" fontFamily="Verdana" fontSize="10"
click="AlterLeftPanel()" toolTip="Click here to toggle "
styleName="leftPanelButton" cornerRadius="0"  textAlign="center" alpha="1.0"
/>

    </mx:Canvas>
    <mx:Canvas id="LeftCanvas0" x="0" y="0" width="30" height="99%"
backgroundColor="#ffffff" borderStyle="solid" borderThickness="1"
borderColor="#000000" visible="true">
    <mx:Accordion width="576" height="95%" styleName="AccordionStyle"
id="encounterSearchPane0"
                              showEffect="{fadeIn}" hideEffect="{fadeOut}"
visible="false">

                </mx:Accordion>
        <mx:Button id="lnkAlterPanel0" y="0" label=">" width="28"
height="100%" right="-10" fontWeight="bold" fontFamily="Verdana"
fontSize="10" click="AlterLeftPanel()" toolTip="Click here to toggle "
styleName="leftPanelButton" cornerRadius="0"  textAlign="center" alpha="1.0"
/>

        </mx:Canvas>
</mx:WindowedApplication>













On Mon, May 25, 2009 at 12:29 PM, Hemanth Kumar T.S <
[email protected]> wrote:

> Hi,
>
> In this website
> http://www.phoenixisland.co.kr/index.aspx
>
> there is a  small vertical bar that appears on the left most of the screen
> with ">"  symbol, "Contents" and "View"
>
> On clcik of this bar it expands and on click of close, it contracts.
>
> Its developed using Flex. Do anyone knows what is the control/container
> used to do this kind..
>
> Thanks,
> Hemanth
>
> >
>


-- 
Regards
Rahul

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "Flex 
India Community" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to 
[email protected]
For more options, visit this group at 
http://groups.google.com/group/flex_india?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to