Content blocks are currently available on the Basic Page content type

ACTIONS

Each content block comes with actions which let you edit, remove or duplicate the content block.

Duplicating a content block will attempt to make a copy of everything within it, even other content blocks.

REORDER

There are two options for reordering content blocks:

Content blocks can be ordered by changing the row weight. This is done by clicking on the "Show row weight" button at the top right of the "Content Blocks" section.

Content blocks can be reordered by dragging the handle off to the left.

Note: You cannot drag an item to another level of nesting.

Sections

Sections are top-level content blocks that wrap around and contain other content blocks.

SECTION ADMINISTRATIVE TITLE

This isn’t displayed to users, but is helpful to organize content when working with more than one section on a page.

ADD/REMOVE CONTENT BLOCKS

Clicking the drop down arrow to the right of "Add Text" shows a list of available content types. By default, basic pages load with an initial section and "text area" content blocks. To remove individual content blocks within a section, click the three verticle dots on the right of the "Edit/Collapse" button.

CURRENT OUT OF THE BOX CONTENT BLOCK TYPES:

  • Text
  • Card
  • Accordion
  • Blockquote
  • Events
  • Articles
  • Featured Content
  • Accordion
  • Webform

Settings

Each section and content block has additional settings tucked away. These are all optional and set with defaults. Some settings differ based on the type of content block.

BACKGROUND IMAGE

Available on sections, this allows you to place an image behind all nested content blocks within the section.

CONTENT WIDTH/ALIGNMENT

Available in sections, these settings allow you to control the overall width and vertical/horizontal alignment of nested content blocks.

COLUMN WIDTH

For each content block within a section (see below), the the width defaults to “Fluid.” This means it will fill the horizontal space unless another content block within the same section gets in the way.

Two or more fluid content blocks will create divide the horizontal space up equally.

The other options, Full, Quarter, Third, Half will set and respect certain widths.

See the figure below to see how the content blocks in each section (row) can be configure to create custom layouts.

Column Widths

STYLES

Depending on the content block, a select box might be available that allows additional styles to be applied to the content block. Though multiple classes can be selected, they might conflict with each other or only one might apply.

UNIQUE ID

For each content block, a unique id can be created. Most commonly, these are used to create an anchor link to a particular area of a page.