Floating panel : Panel Style « Container « Flex

1. Flex
2. Container
3. Panel Style

Floating panel

            


<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    <mx:states>
        <mx:State name="contact">
            <mx:AddChild position="lastChild">
                <mx:Panel x="200" y="10" width="250" height="150" layout="absolute" title="Question">
                    <mx:Label x="10" y="10" text="Enter your name:" />
                    <mx:TextInput x="10" y="36" />
                    <mx:Button x="10" y="60" label="Submit" click="currentState = 'thankYou'" />
                </mx:Panel>
            </mx:AddChild>
        </mx:State>
        <mx:State name="thankYou" basedOn="contact">
            <mx:AddChild position="lastChild">
                <mx:Panel x="71" y="200" width="250" height="100" layout="absolute" title="Thank You">
                    <mx:Text x="10" y="10" text="Thank you." width="198" />
                    <mx:Button x="82" y="43" label="OK" click="currentState = ''" />
                </mx:Panel>
            </mx:AddChild>
        </mx:State>
    </mx:states>
    <mx:Panel x="10" y="10" width="250" height="100" layout="absolute" title="Title">
        <mx:Text x="10" y="5" text="test." width="210" />
        <mx:LinkButton x="10" y="34" label="Click Here to E-mail Us" color="#0000FF" click="currentState = 'contact'" />
    </mx:Panel>
</mx:Application>

   
    
    
    
    
    
    
    
    
    
    
    
  

Related examples in the same category

1.	A opaque panel
2.	Panel Transparency
3.	Panel Corners
4.	A transparent panel
5.	Use SetStyle to change panel style value
6.	Set paddingTop, paddingBottom, paddingLeft, paddingRight for Panel
7.	Sliding a panel in and out when the button is clicked