Skip to main content

Vertical stack control

Arrange controls in a vertical column​

You can add any number of these to the layout of a flow document.

A Vertical stack control acts as a container that you can add any number of other controls to. The "child" controls inside are automatically arranged into a vertical formation.

alt text

By placing container controls within other container controls (e.g. adding a Vertical stack to a Horizontal stack), you can build structures that let you place controls pretty much anywhere you want, while keeping things neat and aligned!

Add a Vertical stack control​

In the Document Layout Editor, select at the bottom (or within another container control) and then choose Vertical stack.

alt text

Configuration​

Select the control to show its properties in the top toolbar.

alt text

Layout properties​

  • ​ Relative width - Auto by default. The control automatically sizes itself to display its content in full (space permitting). Alternatively, you can set a constant width. See Flow control width.

  • ​ Margins - adjust the gap between each side of the control and the content inside. See Flow control margins.

Vertical stack properties​

  • ​ Child alignment - align the child controls within the Vertical stack. Choose Left (default), Centre or Right. This won't affect the alignment of content within the child controls themselves.

    alt text

  • ​ Data source - this can be left blank. However, if you want all the child controls to use the same dynamic data source, you can set it here instead, and then configure each child control to use the Parent context data source.

    If the Vertical stack is positioned within a Repeater, and you want the child controls to reference the items being repeated on, do the above and set this to Parent context too!

  • ​ Edit description - customise the control's description (shown in the toolbar).

  • ​ Remove - delete the control.

Adding child controls to a Vertical stack​

You can drag any existing control into a Vertical stack. Alternatively, select within a Vertical stack to add a new control inside it.

If you want a child control to use the same data source as the Vertical stack, you must choose Parent context when setting the child's data source.

alt text