Low-code designer > Set up interfaces > Widget types > Element layout / Columns

Columns

You can use the Columns widget to structure interface elements in tasks, apps, and pages. This widget helps you to arrange any kind of information, for example, client details, order lists, names of data types, etc.

To add the widget to a form, drag it from the side panel of the interface designer to the canvas or use the +Widget button. Read more in the Form templates article. Set up the widget in the window that opens.

columns-1

System settings are similar for all widgets. They allow you to set the widget’s visibility and access permissions, configure the widget’s behavior when the user hovers over it, etc. Read more about these settings in the System widget settings article.

To finish configuring the widget, click Save and then Publish on the interface designer toolbar.

Column widget

By default, the Columns widget adds two columns to a form. To change the number of columns, drag the widget from the right-side panel to the canvas several times.

Moreover, you can add one additional column using the Column widget. It is set up the same way as described above.

начало внимание

You can only place the Column widget within the Columns widget added to the form.

конец внимание

Example

In the example below, the Columns widget was used to arrange the file upload element and a warning.

C2

Found a typo? Highlight the text, press ctrl + enter and notify us