6.2. Flow Layout

The flow body layout arranges the body cells in a row until a maximum width is exceeded. At that point, they wrap to the next row. The layout is useful for bullet-separated collections of names and everything else that doesn’t fit into a fixed grid, like logos with varying aspect ratios.

Sort

This setting sorts the body cells in alphabetical order.

Flow Direction

By default, cells flow from left to right, but that can be changed to right-to-left.

Justify Rows

This setting controls whether the cells in each row should be justified left or right, centered, or fully justified. In the latter case, the last row’s justification can be controlled separately.

Square Cells

This setting forces all cells to be square and also have the same size, which can sometimes be useful for logos.

Force Cell Width/Height

These settings force all cells to have a certain, manually specified width or height.

Harmonize Cell Width/Height

These settings force cells to have the same width respectively height. The first option only affects cells inside the same block. The second option affects cells across all blocks with the same content style. This can be further broadened to include other content styles.

To break the enforcement at some point, use the @Break Harmonization spreadsheet column.

Justify Cells/Text

Sometimes, cells are larger than their content. In such cases, Justify Cells fundamentally controls whether content should be justified left/center/right and top/middle/bottom inside the cells. That also applies to the separator text.

Text cells are special though: they establish their own vertical justification region, which is marked by the dashed guide lines. The right buttons of Vertically Justify Text then decide whether the text should be justified top/middle/bottom within this region, or whether baselines should be aligned. If the text consists of multiple lines, the left buttons can further decide that it’s the first or last lines that should be aligned across cells.

Row Width

When the cells in a row exceed this width, the row is wrapped automatically. Red layout guides indicate the configured width.

Row/Horizontal Gap

This amount of blank pixels is inserted vertically between rows respectively horizontally between cells.

Separator

This text is placed horizontally in between cells. It doesn’t contribute to the cell spacing. By default, it uses the Body Letter Style, but that can be changed.

Vertically Justify Separator

This setting controls whether the separator text should be justified top/middle/bottom in the row, or aligned with the cells’ baseline.