Skip to main content

Layouts

A layout is a property of a View. It determines how multiple ViewTemplates or referenced Views are arranged inside that View, for example vertically, horizontally, or as selectable sections. The ADITO standard installation includes a set of predefined layouts that cover most common use cases.

To ensure a consistent and ergonomic design, layouts cannot be created or customized by users. If none of the predefined layouts fits a required use case, a customized layout can be ordered from ADITO in special cases.

To set a layout, open a View in the Projects window or Navigator window, click on it and edit property layout in the Properties window. Here, you can select a layout from a list of layouts in a combo box. Depending on which layout you select, different layout-specific properties are shown below the layout property.

The following pages describe the purpose and configuration of the available layouts.

Available layouts​

Use the following layout pages to select a suitable structure for your View:

  • BoxLayout arranges ViewTemplates vertically or horizontally and offers more control than the basic layouts.
  • DrawerLayout adds a collapsible header area above the assigned content.
  • GridLayout arranges ViewTemplates or referenced Views in a configurable grid.
  • GroupLayout lets users switch between multiple assigned Views or ViewTemplates.
  • HeaderFooterLayout separates a View into a header area, a middle area, and a footer area.
  • MasterDetailLayout combines one master View with one or more dependent detail Views.
  • NoneLayout is the simplest option and should only be used when the View contains exactly one ViewTemplate or one referenced View.

Choosing a layout​

When a View contains only one ViewTemplate or one referenced View, NoneLayout is usually sufficient. As soon as multiple elements need to be arranged, grouped, or made selectable, a more specific layout should be preferred.