DS Column layout

Component description

The DS Column layout enables you to structure content across your web page in either two, three or four columns.

  • Character count limits and recommendations per field
  • Mandatory and optional elements
  • Other notable display options.

Column 1 – content 
Mandatory field 
Character count: 150 characters including spaces (if using all 4 columns. More characters can be added if using less columns)
Plain text – no HTML

Column 1 - nested content
Choice between entering content or nesting content

Button fields
Optional

Repeat for as many columns required.

Display options

  • You have the option of adding up to 4 columns, if the space on the page allows
  • Choice of adding CTA buttons to each column
  • You can either enter content into the WYSIWYG field OR you can nest content, if you nest content this will replace the WYSIWYG content.

Guidelines for use

  • Ensure your content is divided equally amongst all the columns fields so that it looks balanced.

Most suited for these page types

  • Landing pages (used to separate News and Events listings into columns)
  • Content pages
  • Example(s) of use

    Sample

    Hello

    I'm a column

    Entry requirements

    Hello

    I'm a column

    Go for it

    Hello

    I'm a column

    Hello

    I'm a column

    Hello

    I'm a column

    Hello

    I'm a column

    Hello

    I'm a column

    Hello

    I'm a column

    Hello

    I'm a column

    Training module