layout grids
Click on a grid type button in the toolkit to create a grid of that type.  Whether you choose a simple Label or a complex special purpose grid, GuiDesigner draws the selected grid in the design window as a double rectangle with resize grips along the sides and corners.

To select a grid, click on it.  To deselect it, click on the background or another grid.  Except when they're selected, grids look the same in design windows as finished programs.  So you can fine tune your design window layout before you write code to interact with them.

move and resize grids
You can move and resize selected grids anywhere in the design window.  To move the selected grid, place the mouse cursor over its central area, press the left button, and drag the mouse.  To resize the selected grid, place the mouse cursor over one of the side or corner grips, press the left button, and drag the mouse.

no overlap
Don't let grids overlap each other. Before you continue working, place the grid properly.   You can resize the design window to accommodate any grid layout.  But keep windows reasonably small.  They share screen space with other windows, including your own.

Programs that create, move or resize grids at runtime must make sure they don't overlap unintentionally.  Nothing in GuiDesigner prevents it, but peculiar appearance and behavior will usually result.

nesting grids
Though grids should not overlap, they can nest within each other to any depth.  This is how composite grids like dialog boxes and file boxes are constructed.

grid appearance
To display an Appearance Window, double click the selected grid or select Grid Appearance in the toolkit.  With it you can change the appearance of the grid and its kids.

When you change color, border style, text, or other property in the AppearanceWindow, the grid changes to reflect the new setting.  So it's easy to fine tune your grids to get exactly the look you want.

grid behavior
To display a Behavior Window, select Grid Behavior in the toolkit.   This window lists the messages a grid processes to give its behavior.   Unlisted messages are ignored.  Next to every message is the message processing function and/or message processing subroutine that the grid function calls to process the message.