Skip to content
Knowledge base
← Knowledge base

Modular article blocks

  1. Section index
  2. Audio
  3. Copy + image
  4. Double media
  5. Downloads
  6. FAQs
  7. Hero
  8. Image
  9. Image full bleed
  10. Quote
  11. Share buttons
  12. Slider
  13. Table
  14. Video
  15. WYSIWYG
  16. WYSIWYG 2 columns

Section index

DescriptionFields
This block is used to delimit sections within the article. 
If a section is added it will be automatically numbered and added to the section navigation dropdown. The section nav sticks to the top of your screen as you scroll down the page.
  • Section title
  • In-page section title override (in case it's too long to be used in the section nav)
  • Do not display in page (checkbox)
  • Heading only (for use only in the Report template)

Audio

DescriptionFields
Inline embedded audio player
  • Heading (optional)
  • Audio file (.mp3 format)
  • Audio caption (optional)

Copy + image

Intro text

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
DescriptionFields
    Decorative image with supporting copy. Image is displayed on the left by default, however can be displayed on the right by enabling the 'invert layout' checkbox.
          • Image
          • Heading
          • Intro copy
          • Copy
          • Background colour (single select of brand/theme colours)
          • Invert layout (checkbox)

          Double media

          6d04
          Media #1
          6d04
          Media #2
          DescriptionFields (per media item)
          Block for displaying two pieces of media side-by-side.
          Each media item can be either an image or YouTube video.
          • Media type (select image or video)
          • YouTube video ID (if video is selected)
          • Image (will be used as the video thumbnail if video is selected)
          • Caption (optional)

          Downloads

          DescriptionFields

          Enable downloading of files stored in the CMS.

          Each download displays the filename, date it was uploaded, and size/format.

          • Heading (optional)
          • File select (add as many files as you like)

          FAQs

          FAQs

          View all →
          • FAQ 1
            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
          • FAQ 2
            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
          • FAQ 3
            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
          View all →
          DescriptionFields
          Displays selected FAQs from the FAQs module.
          • Heading (optional - default is FAQ)
          • FAQs multiselect

          Hero

          DescriptionFields
          Article hero image block - ideally placed prior to article content.
          • Image

          Image

          Image caption
          DescriptionFields
          Decorative image
          • Image
          • Caption (optional)

          Image full bleed

          Full-bleed image caption
          DescriptionFields
          Image - full bleed

          This image will span the full width of the browser window.

          • Image
          • Caption (optional)

          Quote

          He aha te mea nui o te ao? He tangata, he tangata, he tangata
          — Maori proverb
          DescriptionFields
          Block quote
          • Quote text
          • Author (optional)

          Share buttons

          Share this article
          DescriptionFields
          'Share this article' block, providing auto-generated sharing links for:
          • LinkedIn
          • Facebook
          • Twitter
          • Email
          • 'Copy URL'

          N.A.

          Slider

          Slider gallery

          DescriptionFields
          Image gallery slider

          Captions are automatically pulled from the file's caption defined in the Assets section of the CMS.

          • Image multiselect

          Table

          DescriptionFields
          Specialised WYSIWYG block, for displaying only tabular data.
          • Heading (optional)
          • Table content (WYSIWYG field)

          Video

          Video caption
          DescriptionFields
          YouTube video embed.
          When the thumbnail is clicked, a modal overlay containing the video will be displayed.
          • YouTube video ID
          • Thumbnail
          • Caption (optional)

          WYSIWYG

          Click here to view a page demonstrating all WYSIWYG ('what you see is what you get') styles.

          DescriptionFields
          WYSIWYG content block, allowing for standard rich text formatting such as:
          • Bold
          • Italic
          • Strikethrough
          • Ordered/unordered lists
          • Hyperlink
          • Horizontal divider
          • Content (WYSIWYG)

          WYSIWYG 2 columns

          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Donec elementum ligula eu sapien consequat eleifend. Donec nec dolor erat, condimentum sagittis sem. Praesent porttitor

          DescriptionFields
          WYSIWYG content, divided equally into two side-by-side columns on screens that are wide enough to accommodate
          • Content (WYSIWYG)

          Knowledge base

          Related Knowledge base articles