Columns Component

For the updated documentation on the Columns component, refer to the Form.io User Guide.

JSON Schema

The JSON Schema definition for this component is defined below.

Core Properties

This component uses the core properties defined within the Common Parameters section.

Specific Properties

Property	Description	Value	Required	Default
columns	The columns configuration and components.	This is an array of Column Configurations defined below.	true	see below

Column Configuration

The columns definition is defined as an array of column configurations. For example, lets say you have 3 different columns, your schema may look like the following.

{
  "type": "columns",
  "columns": [
    {
      ... COLUMN CONFIGURATION ...
    },
    {
      ... COLUMN CONFIGURATION ...
    },
    {
      ... COLUMN CONFIGURATION ...
    }
  ]
}

where each column configuration has the following schema.

Property	Description	Value	Required	Default
components	An array of other components within this column.	Array of Components	true	[]
width	How many Bootstrap grid units wide is this column	6	true	6
offset	The bootstrap column offset.	0	false	0
push	How many bootstrap grid units to push the column	0	false	0
pull	How many bootstrap grid units to pull the column	0	false	0