Include five buttons across the top row : Grid « Container « Flex

1. Flex
2. Container
3. Grid

Include five buttons across the top row

         

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Grid id="myGrid">
        <mx:GridRow id="row1">
            <mx:GridItem>
                <mx:Button label="Button 1" />
            </mx:GridItem>
            <mx:GridItem>
                <mx:Button label="2" />
            </mx:GridItem>
            <mx:GridItem>
                <mx:Button label="Button 3" />
            </mx:GridItem>
            <mx:GridItem>
                <mx:Button label="Button 3a" />
            </mx:GridItem>
            <mx:GridItem>
                <mx:Button label="Button 3b" />
            </mx:GridItem>
        </mx:GridRow>
        <mx:GridRow id="row2">
            <mx:GridItem colSpan="3" horizontalAlign="center">
                <mx:Button label="Long-Named Button 4" />
            </mx:GridItem>
        </mx:GridRow>
        <mx:GridRow id="row3">
            <mx:GridItem />
            <mx:GridItem colSpan="2" horizontalAlign="center">
                <mx:Button label="Button 5" />
            </mx:GridItem>
        </mx:GridRow>
    </mx:Grid>
</mx:Application>

   
    
    
    
    
    
    
    
    
  

Related examples in the same category

1.	Fill GridItem with Button
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