Layout Controls

Layouts created in the Layout Designer require visual elements to provide the best application experience. This section covers the different components available on the platform for this purpose.

Overview

The platform supports various layout elements for different types of inputs and controls you wish to present to the user.

Layout controls can be browsed and used only after the page has been created.

In order to access the list of layout controls, select your page from the layouts manager and expand the Controls list in the layout elements panel on the left.

Layout controls are categorized as Actions, Panels, Sections, Lists and Input.

Adding Layout Controls

Controls can be added to your layout by dragging your selected control and dropping it in the main designer canvas.

Some layouts allows you to add nested controls, which can be done by dragging the control into the drop area for your layout and releasing it.

Multiple controls can be added to a single layout by dragging the next selected control over an existing one on the main designer canvas. The control can either be added above the existing one or below.

Dragging a control and dropping it on the left side of an existing control adds it above the existing one. Similarly, dropping the control on the right side of an existing control adds it below the existing one.

Customizing Layout Controls

Customization options for layout controls can be accessed by clicking on the control name in the main designer canvas. This reveals an options ribbon that allow you to:

Move your control's position in the layout
Open control properties for further configurations
Open control in a separate tab in the layout designer
Delete control from your layout permanently

In case you have multiple controls in your layout, additional options are provided to help move your control above or below the others.

Supported Layout Controls

PreviousFields and Links NextActions

Last updated 4 years ago

Was this helpful?