Use SetStyle to change panel style value : Panel Style « Container « Flex

1. Flex
2. Container
3. Panel Style

Use SetStyle to change panel style value

            

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:states>
        <mx:State name="Register">
            <mx:SetProperty target="{loginPanel}" name="title" value="Register" />
            <mx:SetStyle target="{loginPanel}" name="backgroundColor" value="0x00FFFF" />
            <mx:SetProperty target="{loginButton}" name="label" value="Register" />
            <mx:SetStyle target="{loginButton}" name="color" value="0xFFFF00" />
        </mx:State>
    </mx:states>
    <mx:Panel id="loginPanel" title="Login" horizontalScrollPolicy="off" verticalScrollPolicy="off">
        <mx:Form id="loginForm">
            <mx:Button label="Login" id="loginButton" />
        </mx:Form>
        <mx:ControlBar width="100%">
            <mx:Button label="Change State"
                click="currentState = currentState=='Register' ? '':'Register';" />
        </mx:ControlBar>
    </mx:Panel>
</mx:Application>

   
    
    
    
    
    
    
    
    
    
    
    
  

Related examples in the same category

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