Layout Styles

Structure

Behavior

Using a layout style in combination with a LayoutNode activates the layout mode and allows the placement of nodes into predefined slots.

• Each cell in the layout style can have one more slots. Multiple slots are separated by paragraphs. An alternative to multiple slots per cell is to use a NoOpNode.

• The placeholder / slot name should be in the format of: {slotname}.

• If no style is defined in the LayoutNode the children are placed in the flow mode instead.

• There is a special case for certain children of layout nodes. ParagraphNode that are direct children of a LayoutNode use the style that is defined in the layout style’s cell and not the style that is defined on the ParagraphNode.

Metadata

Layout styles only allow default styles to be defined.

Examples

Example 1: Showing a simple case with one placeholder

Example 2: Showing multiple slots per cell

Example 3: Showing how to place multiple children per slot by using a NoOpNode

Example 4: Showing how to enforce the flow mode by not specifying a style

Example 5: Showing how paragraph nodes are handled