Two GridRows : GridRow « Container « Flex

1. Flex
2. Container
3. GridRow

Two GridRows

  
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Grid>
        <mx:GridRow>
            <mx:GridItem>
                <mx:Button label="A" />
            </mx:GridItem>
            <mx:GridItem>
                <mx:Button label="B" />
            </mx:GridItem>
            <mx:GridItem>
                <mx:Button label="C" />
            </mx:GridItem>
        </mx:GridRow>
        <mx:GridRow>
            <mx:GridItem colSpan="3">
                <mx:Button label="STOP" width="100%" />
            </mx:GridItem>
        </mx:GridRow>
    </mx:Grid>
</mx:Application>

   
    
  

Related examples in the same category

1.	Set horizontal Alignment for GridRow
2.	Set height and width for GridRow and GridItem
3.	Five buttons across the top row, you modify the first tag