### GridLayoutControl

This control helps you lay out various controls on the page by providing you with a visible grid that can accept other controls. By default the grid lines are turned off. Mark the ShowGridLines check box to display them. To adjust rows or columns, double-click to activate the control and then drag the column or row lines as desired.

To use this control:

1. Add a GridLayoutControl onto the template.

2. Select a control already on the template's canvas.

3. Press the SHIFT key and drag the control on top of the GridLayoutControl. The border color of GridLayoutControl change to red to indicate that the control is ready to be dropped.

4. Release the mouse button to drop the control onto the GridLayoutControl.

(Not sure if the description of its purpose is correct)

Properties

The following properties are available for this control.

Left - This determines the position of the control from the left side of the canvas.

Top - This determines the position of the control from the top side of the canvas.

Rotate Angle - This determines the rotation of the control by the defined angle.

ShowGridLines - This check box makes any grid lines visible inside of the control.

ColumnDefinitions - The ... button lets you add columns to this control. Clicking it displays a Collection Editor dialog box which lists columns as column definitions. By default it always lists [0]ColumnDefinition. To add a new column to the right of all other columns, click Add Item. To insert a new column to the left of the selected column, click Insert Item. The column is inserted into the control and listed in the dialog box. To delete a column, select the desired column definition from the dialog box and click Delete Item.

Collection Editor dialog box

RowDefinitions - The ... button lets you add rows to this control. Clicking it displays a Collection Editor dialog box which lists the rows as row definitions. By default it always lists [0]RowDefinition. To add a new row to the bottom of all other rows, click Add Item. To insert a new row above the selected row, click Insert Item. The row is inserted into the control and listed in the dialog box. To delete a row, select the desired row definition from the dialog box and click Delete Item.

Background - This determines the control's background color. To change the color, select a new color from the list, or click the Brush icon to the right to define a custom color.

Name - This provides the control with a unique name. If you have more than one control of the same type on the canvas, the software will append a number to the name of the control to make it unique. You can change this to whatever name you want as long as it remains unique from other controls.

Width - This sets the width of the control. If you click the Auto icon , the width expands or shrinks to match the width used by the canvas.

Height - This sets the height of the control. If you click the Auto icon , the height expands or shrinks to match the height used by the canvas.