Managers

  1. Home
  2. Docs
  3. Managers
  4. Pages design center
  5. Building page content

Building page content

Published 12 October 2026, Updated 12 October 2026

The HTML content tab is where you build the page itself, block by block. This article explains the toolbar, how to add blocks, and how to edit text and blocks with the right-click menus.

Toolbar

ButtonPurpose
BlocksOpens or closes the block library (left side panel)
List viewShows every block of the page as a tree. Click an item to jump to it; hover to highlight it
OutlineShows statistics (words, characters, reading time, paragraphs, headings, blocks) and the heading structure. A red heading icon warns about an incorrect heading level (for example, H1 followed directly by H3)
MediaOpens the media library to upload or manage files
Desktop PreviewOpens the current (even unsaved) version in a new browser tab as on a computer
Mobile PreviewSame, using the mobile layout
Status button (Publish, To be reviewed, or Switch to draft)Changes the page status (see the article Saving, review and publishing)
Save button (Save draft or Update Content)Saves the page content
HTML content toolbar
HTML content toolbar
List view panel listing the blocks of the page
List view panel listing the blocks of the page
Outline panel with statistics and heading structure
Outline panel with statistics and heading structure

Adding blocks

  1. Click Blocks. The library opens, organized by category: Text, Media, Widget, Transport Canada, AirSupervision.
  2. Hover over a block to see a preview thumbnail (when available).
  3. Click the block. It is added at the end of the page. Some blocks first open a small dialog for settings (URL, number of rows, and so on). Click Insert to confirm.

To insert a block at a specific place, right-click an existing block → Block → Insert a new Block before or Insert a new Block after, then choose the block in the library.

Block library open on the left of the editor
Block library open on the left of the editor

Editing text

Most text blocks are edited directly: click inside and type. Pressing Enter inserts a line break inside the same block. To start a new paragraph block, insert a new Paragraph block.

Text right-click menu

Select some text and right-click:

MenuOptions
Style textBold, Italic, Underline, Strikethrough, Subscript, Superscript, Inline code, Typography manager (font family, size, weight, colour, background colour, and so on)
Insert inlineInline image from the media library, inline image with data URI, inline link to a media library file, inline link to an E-course, inline link to an E-training, inline code, Insert a link (URL, classes, new window), Insert list, Insert a Badge, Insert a Star
Style text menu on selected text
Style text menu on selected text
Insert inline menu on selected text
Insert inline menu on selected text

Block right-click menu

Right-click any block and open Block:

OptionWhat it does
Align left / center / right / justifyAligns the block content
Insert a new Block before / afterChooses the insertion position for the next block
Copy / Cut / Paste / DuplicateCopies or moves blocks
Up / DownMoves the block one position
Tab Left / Tab Right / Reset all TabsIndents the block
Manage classesAdds CSS classes to the block (space-separated), then click Set classes
Grey blockDisplays the block on a grey background panel
Set anchorGives the block a name so a link can jump to it with #anchorname
Remove blockDeletes the block

Two more items are available on any block: Edit as HTML (see Edit as HTML below) and Up block / Down block.

Block right-click menu
Block right-click menu
Manage classes dialog
Manage classes dialog

Media library

Click Media (or choose an image/file block) to open the media library.

  • Upload: click Browse, select the file, give it a name in and named it, then click Upload.
  • Search: type in Search… and click Search. Use Clear Search to reset. Exact word searches for exact words; when unchecked, the search also finds similar-sounding words.
  • Selected image bar: Replace with (replace the file with a new upload), Width and Height (px), New window.

Edit as HTML (advanced)

Right-click a block → Edit as HTML. The block becomes a text box showing its HTML code. Make your changes, then right-click → Render HTML to return to the visual view.

Caution: broken HTML can break the page layout. Use Export content first, and check with Desktop Preview.

A block in HTML edit mode with the Render HTML option
A block in HTML edit mode with the Render HTML option
Was this article helpful to you? Yes No