Panel

The Panel container consists of:
- a title bar
- a caption
- a status message
- a border
- and a content area for its children
Panel containers can be used to wrap self-contained application modules
Control the display layout using the layout property set to vertical (default), horizontal or absolute.
Each child must have its x and y position set when using absolute layout or use anchors for constraint-based layout.

Photo.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
    backgroundGradientColors="[#FFFFFF, #000000]">

	<mx:Panel title="Featured Photograph"
        backgroundAlpha=".25"
        borderAlpha="1"
        headerColors="[#c7c7c7, #ffffff]"
        footerColors="[#ffffff, #c7c7c7]"
        paddingTop="15" paddingRight="15" paddingLeft="15" paddingBottom="15"
        shadowDirection="right">

		<mx:Image source="assets/animals03.jpg"
			horizontalCenter="0" top="30" />

		<mx:Label text="Photographed by Elsie Weil"
			horizontalCenter="0" top="250" />

	</mx:Panel>

</mx:Application>

Resources

Panel

Photo.mxml

Rendered example

Labels: