Custom Columns

We have a few pre-built blocks available with different column sizes. You can add your own blocks with custom column sizes. Each block can have up to 12 columns.

300

The registerColumns function adds a custom column block. It takes an array as parameter. The items in the array are number of columns and their sum should be equal to 12.

Examples

4 Columns

In this example, we will add 4 columns. The first and last will be smaller, and middle ones will be bigger.

650
unlayer.registerColumns([2, 4, 4, 2]);

3 Columns

In this example, we will add 3 columns. The first 2 will be smaller and last one will be bigger.

648
unlayer.registerColumns([3, 3, 6]);