Panel Transparency : Panel Style « Container « Flex

1. Flex
2. Container
3. Panel Style

Panel Transparency

            
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal">
  <mx:Panel title="borderAlpha=0" width="200" borderAlpha="0">
    <mx:Label text="Label 1"/>
    <mx:Label text="Label 2"/>
    <mx:Label text="Label 3"/>  
  </mx:Panel>
  <mx:Panel title="borderAlpha=.4" width="200" borderAlpha=".4">
    <mx:Label text="Label 1"/>
    <mx:Label text="Label 2"/>
    <mx:Label text="Label 3"/>  
  </mx:Panel>
  <mx:Panel title="borderAlpha=1" width="200" borderAlpha="1">
    <mx:Label text="Label 1"/>
    <mx:Label text="Label 2"/>
    <mx:Label text="Label 3"/>  
  </mx:Panel>
</mx:Application>

   
    
    
    
    
    
    
    
    
    
    
    
  

Related examples in the same category

1.	A opaque panel
2.	Floating panel
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