Tile 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:Script>

        <![CDATA[

            import mx.controls.Alert;

            private function clickHandler(ev:MouseEvent):void{

                Alert.show('Button ' + String(ev.target.label) + ' pressed')

            }

        ]]>

     </mx:Script>

    

    <mx:Panel title="Tile Container" layout="vertical" color="0xffffff" borderAlpha="0.15"

         paddingTop="10" paddingRight="10" paddingBottom="10" paddingLeft="10" horizontalAlign="center">

        

         <mx:Label width="100%" color="0x323232"

            text="A Tile container lays out its children in a grid of equal-sized cells."/>

        <mx:Tile direction="horizontal" borderStyle="inset" horizontalGap="10" verticalGap="15"

             color="0x323232" paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">

            <mx:Button label="1" height="50" width="75" click="clickHandler(event);"/>

            <mx:Button label="2" height="50" width="75" click="clickHandler(event);"/>

            <mx:Button label="3" height="50" width="75" click="clickHandler(event);"/>

            <mx:Button label="4" height="50" width="75" click="clickHandler(event);"/>

            <mx:Button label="5" height="50" width="75" click="clickHandler(event);"/>

            <mx:Button label="6" height="50" width="75" click="clickHandler(event);"/>

        </mx:Tile>

       

    </mx:Panel>

</mx:Application>