The pre-defined grid systems helps to structure and create professional forms with rows and columns. Columns are the smallest unit of a form template and you can arrange them in different ways to customize your templates.

Pre-defined grid system with rows and columns

Each form template is based on a pre-defined grid system:

  • the grid consists of different rows (like tables),
  • each row contains columns (which are the smallest units of a form template)
The grid system

Grid system: Arrange columns in different ways to customize your form templates

1 single column

There must, at least, be one single column (minumum) in a row.

column1

1 single column

2 columns

See in the screenshot below the different options to design templates with 2 column grids.
Note: The definition of column arrangements in the HybridForms Designer and the code behind is different.

column2

2 column grids

3 columns

The various ways to arrange 3 column grids are shown below.
Note: The definition of column arrangements in the HybridForms Designer and the code behind is different.

column3

3 column grids

4 columns

column4

4 column grid