Grid 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:Panel title="Grid, GridRow, GridItem" layout="vertical" color="0xffffff" borderAlpha="0.15"

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

          

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

            text="A 3 by 3 Grid container of Button controls."/>

        <mx:Grid color="0x707070" verticalGap="10" horizontalGap="10">

            <mx:GridRow>

                <mx:GridItem>

                    <mx:Button label="Row 1 Col 1" width="100"/>

                </mx:GridItem>

                <mx:GridItem>

                    <mx:Button label="Row 1 Col 2" width="100"/>

                </mx:GridItem>

                <mx:GridItem>

                    <mx:Button label="Row 1 Col 3" width="100"/>

                </mx:GridItem>

            </mx:GridRow>

            <mx:GridRow>

                <mx:GridItem>

                    <mx:Button label="Row 2 Col 1" width="100"/>

                </mx:GridItem>

                <mx:GridItem>

                    <mx:Button label="Row 2 Col 2" width="100"/>

                </mx:GridItem>

                <mx:GridItem>

                    <mx:Button label="Row 2 Col 3" width="100"/>

                </mx:GridItem>

            </mx:GridRow>

            <mx:GridRow>

                <mx:GridItem>

                    <mx:Button label="Row 3 Col 1" width="100"/>

                </mx:GridItem>

                <mx:GridItem>

                    <mx:Button label="Row 3 Col 2" width="100"/>

                </mx:GridItem>

                <mx:GridItem>

                    <mx:Button label="Row 3 Col 3" width="100"/>

                </mx:GridItem>

            </mx:GridRow>

        </mx:Grid>

       

    </mx:Panel>

</mx:Application>