Missouri State University Pattern Library

Three columns - 33% each: Divider

There are no notes for this item.

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

</div>
<div class="grid_third Page">
    <hr />

    <div class="grid_inner">
        <div class="ContentBlock placeholder">Content</div>
    </div>

</div>
<div class="grid_third Page">
    <hr />

    <div class="grid_inner">
        <div class="ContentBlock placeholder">Content</div>
    </div>

</div>
 
<div class="Rowstart grid_third Page{{pageId}}">
  {{#if topDividerLines}}
    <hr />
  {{/if}}
      <div class="grid_inner">
      {{#> columnContentA}}{{render '@placeholder'}}{{/columnContentA}}
    </div>
    {{#>redefineColumnA}}{{/redefineColumnA}}
</div>
<div class="grid_third Page{{pageId}}">
  {{#if topDividerLines}}
    <hr />
  {{/if}}
  
    <div class="grid_inner">
      {{#> columnContentB}}{{render '@placeholder'}}{{/columnContentB}}
    </div>
  
  {{#>redefineColumnB}}{{/redefineColumnB}}
</div>
<div class="grid_third Page{{pageId}}">
  {{#if topDividerLines}}
    <hr />
  {{/if}}
  
    <div class="grid_inner">
      {{#> columnContentC}}{{render '@placeholder'}}{{/columnContentC}}
    </div>
    {{#> redefineColumnC}}{{/redefineColumnC}}
</div>
 
{
  "pageId": null,
  "topDividerLines": true,
  "columnContentA": "One third",
  "redefineColumnA": null,
  "columnContentB": "One third",
  "redefineColumnB": null,
  "columnContentC": "One third",
  "redefineColumnC": null
}