Grid

A Grid is a very dynamic container which allows form designers to make full use of both the horizontal and vertical planes. This functionality you to place more than one control on a single line.

How to add a grid to an existing form

1. Navigate to your chosen form and enter into the form builder.
2. Use your mouse to click on the word "Grid" at the top of the page drag the word down into the form before releasing the mouse button.
   • A newly placed grid will be located at the bottom of the form - you may need to scroll down to see it.
   • By Default: All newly created grids contain a single row (Row0) and a single column (Column0)

How to Move a grid to a new location in your form

1. Navigate to your chosen form and enter into the form builder.
2. Use your mouse to click on the grid in the form builder and drag the container around the form.
   • Other controls will automatically rearrange themselves to accommodate the new location.
3. Release the mouse button when you are happy with the grid's new location.

How to add additional Columns to an existing grid

1. Navigate to your chosen form and enter into the form builder.
2. Select the Grid you wish to modify and click on the + symbol in the top-right corner of the container.
   • The right-hand box will now populate with the grid properties.
3. To add additional columns, click on the + button in the Properties window.
4. When finished with changes to the entire form, click Save at the bottom to retain your changes.

How to remove additional Columns to an existing grid

1. Navigate to your chosen form and enter into the form builder.
2. Select the Grid you wish to modify and click on the + symbol in the top-right corner of the container.
   • The right-hand box will now populate with the grid properties.
3. To remove additional columns, click on the - button in the Properties window.
4. When finished with changes to the entire form, click Save at the bottom to retain your changes.

How to change the size of Columns in a Grid

1. Navigate to your chosen form and enter into the form builder.
2. Select the Grid you wish to modify and click on the + symbol in the top-right corner of the container.
   • The right-hand box will now populate with the grid properties.
3. The Width of each column is displayed individually.
4. Type new Width values for each column you wish to change.
   • Note the total width of all columns must equal 100.
   • For 2 evenly spaced columns, you will have 50,50
   • For 3 evenly spaced columns, you will have 33,34,33
   • For 1 narrow and 1 wide column, you will have 25,75
5. When finished with changes to the entire form, click Save at the bottom to retain your changes.

Helpful Information

• Grids can only contain one row. Simply add more grids if additional rows are necessary.
• The total number of Column Widths cannot exceed 100.