// Some controls to set in the grid
Control c1 = new Button() ;
Control c2 = new Button() ;
Control c3 = new Button() ;
Control c4 = new Button() ;
Control c5 = new Button() ;
Control c6 = new Button() ;
Control c7 = new Button() ;
Control c8 = new Button() ;
Control c9 = new Button() ;
Control c10 = new Button() ;
Control c11 = new Button() ;

/*
* This is the main class of this package.
* GridLayout permit to layout control on a grid
* Take a look at the example "GridLayoutExample" for more purpose informations
*/
class GridLayout:Panel
{
public
{
RowGridLayout[] columns
,lines ;
}

// Some controls to set in the grid
Control c1 = new Button() ;
Control c2 = new Button() ;
Control c3 = new Button() ;
Control c4 = new Button() ;
Control c5 = new Button() ;
Control c6 = new Button() ;
Control c7 = new Button() ;
Control c8 = new Button() ;
Control c9 = new Button() ;
Control c10 = new Button() ;
Control c11 = new Button() ;

This indicate that this grid have 3 columns (column=horizontal):
- the first is of 100 pixel (fixed size)
- the second is of 30% of the total width of the grid (floating size)
- the third take the rest of the width of the grid (floating size)

In the same way, this indicate that this grid have 5 rows ( row=vertical ) :
- 1er : 20 pixel (fixed size)
- 2d : 30% of the total height of the grid
- 3 : rest of the height
- 4 : 20 pixels (fixed size)
- 5 : 30% of the total height of the grid

Here, we insert controls in the cells of the grid.
This is simple :
"( c1 )( c2 )( c3 )" <-- this is for the 1er line,this attach the control c1 in the 1st cell, c2 in the second, ...
".endline()" <-- indicate the end of the line

The second line is a little more complicate :
( c5,1,1 ) <-- this attach the control c5, and the 1,1 is a equivalent to the HTML table COLSPAN=2 ROWSPAN=2

For the latest line, you can note the ",1" in (c10,1) , which is an equivalent to COLSPAN=2.