Container Layouts

Each container consists of one or more panes that manage a layout of child components. There are three layout types to cover different design needs.

  • Grid consists of rows and columns of adjustable height and width, that allow components to be organized into cells of the grid. Simplifies the design and development process.

  • Absolute allows for exact component placement and sizing. The placement of each component is fixed on the canvas by pixel coordinate, allowing detailed designs and effects to be created.

  • Dockable layout allows components to be tiled side-by-side, grouped into tabs, or positioned as floating windows. Gives the user flexibility to change the layout according to their preference.

The layout may be changed by modifying Layout property of a pane.

If you want to create a resizable dashboard, use Grid Layout.

Component Constraints

The constraints of a dashboard component define its position and size within its parent container. Constraints also define how components change size and position when the dashboard window is resized.

Every layout provides its own constraints for each dashboard component excluding root panel.

Was this page helpful?