Canvas Container

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#874040, #874040]">

    <mx:Canvas backgroundColor="0xffffff" width="580" height="180" backgroundAlpha="1"

        borderThickness="6" borderColor="0x545454" cornerRadius="4" borderStyle="solid" >

       

        <mx:Label x="10" text="The Canvas container lets you place components on top of each other."/>

       

        <mx:Panel title="Panel 1" color="0xffffff" x="10" y="20"  width="240" height="100"

            borderColor="0xEE1122" borderAlpha="0.75"></mx:Panel>

       

        <mx:Panel title="Panel 2" color="0xffffff" x="50" y="40"  width="240" height="100"

            borderColor="0x22A050" borderAlpha="0.75"></mx:Panel>

       

        <mx:Panel title="Panel 3" color="0xffffff" x="100" y="60"  width="240" height="100"

            borderColor="0x3380DD" borderAlpha="0.75"></mx:Panel>

       

        <mx:Text x="360" y="40" width="200" fontWeight="bold" color="0x0050AA" textAlign="center"

            text="Use absolute positioning to place the children of a Canvas container." />

       

        <mx:Button x="416" y="86" label="Absolutly!" />

       

    </mx:Canvas>

</mx:Application>