Grid Row Span : 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 » Grid 




Grid Row Span
Grid Row Span
          
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Grid id="myGrid">
        <mx:GridRow id="row1" height="33%">
            <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 rowSpan="2">
                <mx:Button label="Button 3a" height="100%" />
            </mx:GridItem>
            <mx:GridItem rowSpan="3">
                <mx:Button label="Button 3b" height="100%" />
            </mx:GridItem>
        </mx:GridRow>
        <mx:GridRow id="row2" height="33%">
            <mx:GridItem colSpan="3" horizontalAlign="center">
                <mx:Button label="Long-Named Button 4" />
            </mx:GridItem>
        </mx:GridRow>
        <mx:GridRow id="row3" height="33%">
            <mx:GridItem />
            <mx:GridItem colSpan="3">
                <mx:Button label="Button 5 expands across 3 columns" width="75%" />
            </mx:GridItem>
        </mx:GridRow>
    </mx:Grid>
</mx:Application>

   
    
    
    
    
    
    
    
    
    
  














Related examples in the same category
1.Fill GridItem with ButtonFill GridItem with Button
2.Include five buttons across the top rowInclude five buttons across the top row
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
java2s.com  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.