​PageObject: Margin

​This PageObject is used for inserting margins between other PageObjects. Margins are rendered as <div> tag. This means, the visual appearance is completely up to the template developer's CSS. If no CSS is provided, the PageObject will not have any effect.

Editors have to select the size of the margin. The options are referred as S, M, L and XL. The selected option will be inserted as attribute to the <div> tag.

HTML example (system generated)

<div class="fx_po_margin fx_margin_top_25"></div>

​CSS example (boilerplate)

div.fx_po_margin.fx_margin_25 {
    margin: 10px 0;
div.fx_po_margin.fx_margin_50 {
    margin: 20px 0;
div.fx_po_margin.fx_margin_75 {
    margin: 50px 0;
div.fx_po_margin.fx_margin_100 {
    margin: 75px 0;
​This PageObject renders as block element.

​Demo content

Available parameters:

  • margin: [string] Height of the margin. Allowed values are “s”, “m” “l” and “xl”.  Optional, default is “m”.

Configuration example

{{ fx_page.slot("SLOT_NAME", _context, {"content": [ 
   {"type": "margin", "config": {"margin": "xl"}}
] }) }}
​For more details how to implement demo content please refer to the Demo Content Documentation.