hidden while the Panel containers resize : Panel « Container « Flex

1. Flex
2. Container
3. Panel

hidden while the Panel containers resize

            
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Resize id="myResize" heightTo="300" hideChildrenTargets="{[panelOne, panelTwo]}" />
    <mx:HBox>
        <mx:Panel id="panelOne" mouseDownEffect="{myResize}">
            <mx:Button />
        </mx:Panel>
        <mx:Panel id="panelTwo" mouseDownEffect="{myResize}">
            <mx:Button />
        </mx:Panel>
        <mx:Panel id="panelThree" mouseDownEffect="{myResize}">
            <mx:Button />
        </mx:Panel>
    </mx:HBox>
</mx:Application>

   
    
    
    
    
    
    
    
    
    
    
    
  

Related examples in the same category

1.	Adding Label to Panel
2.	Set Title for Panel
3.	Panel with Padding
4.	Using addElement() method to add Button to Panel
5.	Padding setting for Panel
6.	Panel container
7.	Add Label to Panel
8.	Panel Scroll Policy
9.	Use SetProperty to change panel property value
10.	Use Panel to hold controls
11.	Add labels to your Panels
12.	tag defines a Panel container
13.	Panel with title
14.	Set Panel width and height to 100%
15.	Panel creationComplete and initialize
16.	Resize Panel with animation
17.	Enlarge panel to 100% width and 100% height
18.	Put controls onto a Panel
19.	Add three Canvas containers to a Panel container, each Canvas having a different color
20.	To anchor the Panel perfectly in the center, set both fields to 0
21.	Replace the Panel containers with Form and FormItem containers
22.	Build Form with Panel
23.	Define a Panel container that contains a form as the top-level container in your application.
24.	Panel container provides you with a mechanism for including a title bar, as in a standard GUI window.
25.	Set Panel's creationPolicy property to auto, the default value
26.	Complex MultiPanel
27.	Two Creation Policies