This section describes the handling of nested elements.




Layout Options

  • Free
  • Stacked
  • Horizontal Flow
  • Vertical Flow

For all layouts, except Free, the horizontal and vertical alignment of the content elements can be specified.

Clip Content

This setting defines whether the content is visible or hidden if it is located outside the parent container’s bounds.

Tip: Clip Content should be turned off, if an inner element has a shadow, that should also be visible outside the parent.

Mouse Selection

This setting defines whether an element is selectable on the canvas by clicking the element with the mouse.

Tip: Turn mouse selection off, if an element does not need to be selected frequently.

Accepts Drops

This setting defines whether elements can be nested within the selected element.

Reverse Painting Order

By default, the painting order within a cell follows the hierarchy of the nested elements. The elements at the bottom of the list in the screen inspector will be painted last. This can be changed by activating the Reverse Painting Order option.

Tip: If you want to create overlapping tabs or breadcrumb arrow buttons, activate “Reverse Painting Order”.

Nested Cells

This option is only available for widgets. It defines whether the nested cells are stored in the widget or not. More information is available in the widget section.

Placeholders

If you create templates, it is often useful to show where elements should be dragged. In this case, placeholders can be turned on and displayed in light or dark mode. Placeholders also indicate the layout of the cell in the top right corner.