The Flex page and some other Content Types provide an editor interface called “Layout Builder”. Capabilities are demonstrated on the Content Editor Guide of your website. You are encouraged to create your own style guide and pattern library of consistent layouts suited to your content needs that you use most. If you wish to explore improvements or additions, please contact the web team.
From the “Layout” tab you can add Sections and Blocks to create multi-column page layouts. “Sections” are the top-level building blocks of page layouts. “Blocks” exist within a Section.
Sections
Click “+ add Section” to insert a section up to 4 columns wide. Since some of the blocks have options to insert 4 columns you could insert a 16 column layout, which might not look good on all device sizes.
You are encouraged to test layouts by expanding and shrinking your browser window and viewing the page on a mobile device. You may also experiment in the sandbox.
Select a Section width: readable, container or full-width. For text heavy content, shorter lines will make a big difference in the legibility and professionalism of your layout.
Blocks
Click “+ Add block” and a menu will appear with options to add blocks.
- a Reusable content blocks that you have created and intend to use on multiple pages
OR
- click “Create content blocks” to insert content with various layouts, demonstrated on your Content Editor Guide and described in the list below.
OR
- or scroll to the bottom where you will find the “Main navigation” block option to add a secondary menu to the page.
Content Block Types
Not all sites have all the available Content block types. Each one has configurations that result in variations of style and format:
- Hero & Feature Content
- Carousel
- Ambient Video
- Gallery
- Featured Highlight
- Basic Block – a Body field with Rich Text Editor.
- Image Link
- Flex List – use to create a tab, accordion or a tab interface on desktop that becomes an accordion interface on mobile.
- Grid layout options
- Photo Content Area
- Promo Unit
- Flex Content Area
- Quick Links – a block of links in a list. Variations can be used as a Table of Contents of Jump links on long scroll page, or to mimic the Main Navigation – Secondary Menu Block when a menu is needed that is not part of the site’s main navigation.
- Listing Blocks
- News listing – create a block of news items.
- Event listing – create a block of event items.
- Profile listing – create a block of profiles items.
