Question

i am using following code to popup a login panel whenever i click on some specific button.
the problem is the login panel sticks it should be non visible again if i click somewhere else on screen. Anyone got ideas how to do that.

<s:Animate id="anim" targets="{[loginPanel]}" duration="1000">
            <s:SimpleMotionPath property="alpha" valueFrom="0.0" valueTo="1.0" />
            <s:SimpleMotionPath property="moveByY" valueBy="2"/>

        </s:Animate>

<mx:Button includeIn="Login" x="811" y="10" height="53" width="142" id="btnLoginStatus" icon="@Embed(source='assets/LogIn.jpg')" click="{ if(loginPanel.visible==true) {loginPanel.visible=false; loginPanelClicked = false;} else loginPanel.visible=true; mainViewStack.selectedIndex =0; anim.play(); loginPanelClicked = true;}" />

Answer 1

its all fine now add click = "loginPanelClicked = true " in bordercontainer of your login panel.