Layout

The Layout in Instant is stacked. This means a Box element fills up with other Elements in the Direction you set, stacking Elements next to or on top of each other.

An important aspect of working with the Layout in Instant are the Layers that show how Elements relate to each other.  


Direction

The Direction is the setting in a Box element that governs whether the elements it contains are stacked Horizontally or Vertically. 


Gap

You can select the Gap between Elements in a Box element, measured in a number of pixels. The first number is the horizontal Gap, the second number the vertical Gap. Clicking the icon between them makes it so that they are the same.


Distribution

When distributing in a Box element you decide the point at which the positioning of Elements should start and be related to in the Direction you selected.

Distribution doesn't change the ordering, meaning that however you distribute, the first Element in the Layers tab will always be the top-most or left-most Element on the page.

Distribution can be related to:

  1. the top or left border.

  2. centered on the middle.

  3. the bottom or right border.

  4. both sides, without a gap at the sides.

  5. both sides, with the same gap at the sides.


Alignment

When aligning in a Box element you position the Elements it contains in the secondary direction. That is, you decide the point at which the positioning of Elements should start and be and be related to in the direction you selected as secondary.

Alignment doesn't change the ordering, meaning that however you align, the first Element in the Layers tab will always be the top-most or left-most Element on the page.

Alignment can be related to:

  1. the left or top border

  2. the center

  3. the right or bottom border

  4. forcing every element to fill


Wrap

If you set the Wrap to No on a Box element, Elements that fall outside the outer limit of that Box element will either be cut off or be shown outside the Box element based on the Overflow setting under Size.

If you set the Wrap to Yes on a Box element, the Elements that go over the outer limit of that Box element will be stacked in the next available space.


© 2023 All rights reserved

© 2023 All rights reserved

© 2023 All rights reserved