layout schemes

Split sidebars

What is a Split Sidebar?

Think for a moment about how you see web pages commonly laid out on a desktop or laptop screen; frequently, there's a navigational left pane, the main content, maybe another column or two on the right with secondary news, links, spotlights, and videos. Or, in a very specific example, what if you have a staff directory in the main content, then a search option followed by a spotlight in the right column?

Understanding the Block Layout page

Using your admin panel, navigate to Structure > Block layout.

At first glance, the page can be a little overwhelming with everything that is already listed, so let's break it down and look at what is included on the page.

Block Column

Sibling grids

The Sibling Grid layout system utilizes settings available from with each block instance as you attach it to the Content region. Users can set the options to:

  • Default - 100% of the available width
  • 1/2 - 50% of the available width, resulting in two blocks side by side
  • 1/3 - 33% of the available width, resulting in three blocks side by side

It is vital that all the blocks in a given row share the same width setting or else your page layout will break.

Top and Bottom content regions

These two regions, located above and below the Content region respectively, can be configured to output more complex, custom layouts.

To implement the Top and Bottom Content regions: