Floating panel : Panel Style « Container « Flex

Home
Flex
1.Chart
2.Components
3.Container
4.Data Model
5.Development
6.Effects
7.Event
8.Graphics
9.Grid
10.Style
Flex » Container » Panel StyleScreenshots 
Floating panel
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 panelA opaque panel
2.Panel TransparencyPanel Transparency
3.Panel CornersPanel Corners
4.A transparent panelA transparent panel
5.Use SetStyle to change panel style valueUse SetStyle to change panel style value
6.Set paddingTop, paddingBottom, paddingLeft, paddingRight for PanelSet paddingTop, paddingBottom, paddingLeft, paddingRight for Panel
7.Sliding a panel in and out when the button is clickedSliding a panel in and out when the button is clicked
w__w___w_.j_a_v_a2s.c_o___m___ | Contact Us
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.