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.
Last updated
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.
Last updated
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.
Category
Purpose
Actions
Executes the configured action on click (e.g. start a workflow)
Panels
Grouping of elements for more control over the layout design
Sections
Provides components to further style the layout (e.g. page header)
Lists
Grouping multiple objects of the same type as an ordered list
Input
Independent input fields to support other functional elements
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.
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.