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

Home
Flex
1.Chart
2.Components
3.Container
4.Data Model
5.Development
6.Effects
7.Event
8.Graphics
9.Grid
10.Style
Flex » Container » GridScreenshots 
Include five buttons across the top row
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 ButtonFill GridItem with Button
2.Grid Row SpanGrid Row Span
3.Select the last row in a GridSelect the last row in a Grid
4.Use Grid to layout controlsUse Grid to layout controls
5.Grid with column span and row spanGrid with column span and row span
w__w__w._jav_a___2__s__.co_m___ | Contact Us
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.