Fill GridItem with Button : Grid « Container « Flex

1. Flex
2. Container
3. Grid

Fill GridItem with Button

    
<?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.	Include five buttons across the top row
2.	Grid Row Span
3.	Select the last row in a Grid
4.	Use Grid to layout controls
5.	Grid with column span and row span