Skip to Main content

Panels

Web Style Guide

The Panels content layout contains a grid of editable text boxes with light blue backgrounds.

Grid Enabled

The Panels layout is built on the Grid System, so all of the grid options can be applied in order to control the layout of the blocks.

Examples

This is a simple example with three blocks of text

Title with an optional link

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo.

Title with an optional link

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo.

Title with an optional link

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo.

Panels are often used with line icons at the top of each block, as in this example, which also uses the “Maximum Columns: 2” option from the Formats menu.

icon of chat bubbles
Title with an optional link

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

icon of a checklist
Title with an optional link

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

icon of a man and a woman
Title with an optional link

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

icon of a map
Title with an optional link

Lorem ipsum dolor sit amet, consectetur adipiscing elit.