Missouri State University Pattern Library

Four columns - 25% each: Divider

There are no notes for this item.

<div class="Rowstart grid_fourth Page">
    <hr />
    <div class="grid_inner">
        <div class="ContentBlock placeholder">Content</div>
    </div>

</div>
<div class="grid_fourth Page">
    <hr />
    <div class="grid_inner">
        <div class="ContentBlock placeholder">Content</div>
    </div>

</div>
<div class="grid_fourth Page">
    <hr />
    <div class="grid_inner">
        <div class="ContentBlock placeholder">Content</div>
    </div>

</div>
<div class="grid_fourth Page">
    <hr />
    <div class="grid_inner">
        <div class="ContentBlock placeholder">Content</div>
    </div>

</div>
 
<div class="Rowstart grid_fourth Page{{pageId}}">
  {{#if topDividerLines}}
    <hr />
  {{/if}}
    <div class="grid_inner">
      {{#> columnContentA}}{{render '@placeholder'}}{{/columnContentA}}
    </div>
  {{#>RedefineColumnA}}{{/RedefineColumnA}}
</div>
<div class="grid_fourth Page{{pageId}}">
  {{#if topDividerLines}}
    <hr />
  {{/if}}
    <div class="grid_inner">
      {{#> columnContentB}}{{render '@placeholder'}}{{/columnContentB}}
    </div>
  {{#>RedefineColumnB}}{{/RedefineColumnB}}
</div>
<div class="grid_fourth Page{{pageId}}">
  {{#if topDividerLines}}
    <hr />
  {{/if}}
    <div class="grid_inner">
      {{#> columnContentC}}{{render '@placeholder'}}{{/columnContentC}}
    </div>
  {{#> RedefineColumnC}}{{/RedefineColumnC}}
</div>
<div class="grid_fourth Page{{pageId}}">
  {{#if topDividerLines}}
    <hr />
  {{/if}}
    <div class="grid_inner">
      {{#> columnContentD}}{{render '@placeholder'}}{{/columnContentD}}
    </div>
  {{#> RedefineColumnD}}{{/RedefineColumnD}}
</div>
 
{
  "pageId": null,
  "topDividerLines": true,
  "columnContentA": "One fourth",
  "redefineColumnA": null,
  "columnContentB": "One fourth",
  "redefineColumnB": null,
  "columnContentC": "One fourth",
  "redefineColumnC": null,
  "columnContentD": "One fourth",
  "redefineColumnD": null
}