Interface Column

Configuration of a single column.

Note that this deviates from Formio.js' own schema, as they are tightly coupled with Bootstrap properties/class names, which we deliberately avoid.

interface Column {
    components: AnyComponentSchema[];
    size: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
    sizeMobile: 1 | 2 | 3 | 4;
}

Properties

Nested components inside a single column.

size: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12

Size on non-mobile viewports.

The size specifies the number of columns spanned in a 12-column grid. If no mobile size is specified, a 100% width is assumed.

sizeMobile: 1 | 2 | 3 | 4

Size on mobile viewports.

The mobile size specifies the numbers of columns spanned in a 4-column grid.