panels-threecol-25-50-25.html.twig in Panels 8.3

Template for a 3 column panel layout.

This template provides a three column 25%-50%-25% panel display layout.

Variables:

• $id: An optional CSS id to use for the layout.
• $content: An array of content, each item in the array is keyed to one panel of the layout. This layout supports the following sections:
  • content.left: Content in the left column.
  • content.middle: Content in the middle column.
  • content.right: Content in the right column.

File

layouts/threecol_25_50_25/panels-threecol-25-50-25.html.twig

{#
/**
 * @file
 * Template for a 3 column panel layout.
 *
 * This template provides a three column 25%-50%-25% panel display layout.
 *
 * Variables:
 * - $id: An optional CSS id to use for the layout.
 * - $content: An array of content, each item in the array is keyed to one
 *   panel of the layout. This layout supports the following sections:
 *   - content.left: Content in the left column.
 *   - content.middle: Content in the middle column.
 *   - content.right: Content in the right column.
 */
#}
<div class="panel-3col" {% if css_id %}{{ css_id }}{% endif %}>
  <div class="panel-panel">
    {{ content.left }}
  </div>

  <div class="panel-panel panel-col-middle">
    {{ content.middle }}
  </div>

  <div class="panel-panel">
    {{ content.right }}
  </div>
</div>