Vertical Card Group

SCB - Accordion Group

Display 1 to 20 Accordions with an optional heading and introduction above them all.

Content Type Details

  • ID: 328
  • Name: SCB - Accordion Group
  • Minimum user level: Contributor
  • Compatible with page layouts: SCB - Full Width, SCB - Inner - Full Width, SCB - Inner - with on-page navigation

Guidance

Adds a group of cards in either one, two or three columns, with an optional heading and introduction above the links.

Card width will be fixed as follows:

  • One column - 100% width
  • Two columns - 50% width
  • Three columns - 33% width

Each card contains an image and rich Description, with an optional heading and button.

Use Link Type to select either an external link, internal link or media link for the button.

For each link type:

  • External: enter the full url, including https
  • Internal: select the section or content item
  • Media: select a PDF or other document form the the media library

Content Type Elements Details

NameDescriptionSizeTypeRequiredConditionally Shown
NameThe Name Element80 CharactersPlain TextYesNo
HeadingAn optional heading to appear above the Accordion group. For example “Frequently asked questions”.150 CharactersPlain TextNoNo
IntroductionAn optional brief description for the group of content500 CharactersPlain TextNoNo
Accordion RowEnter the content for each AccordionN/ARepeaterYesNo

SCB - Repeater - Vertical Card

For use with the Vertical Card Group content type. Adds a single vertical image card with optional Heading and button.

Content Type Details

  • ID: 335
  • Name: SCB - Repeater - Vertical Card
  • Minimum user level: Contributor
  • Compatible with page layouts: SCB - Full Width, SCB - Inner - Full Width, SCB - Inner - with on-page navigation

Content Type Elements Details

NameDescriptionSizeTypeRequiredConditionally Shown
NameThe Name Element80 CharactersPlain TextYesNo
ImageChoose an image from Media Library or upload one. Recommended size 250px wide or smaller. Designed to use similarly sized and shaped images on all cards.N/AMediaYesNo
HeadingEnter optional Heading text100 CharactersPlain TextNoNo
DescriptionThis is the description beneath the image. Accepts rich text.255 CharactersHTMLYesNo
Button TextEnter the text to appear on the button. E.g. “Learn More”50 CharactersPlain TextNoNo
Link TypeSelect which kind of link you’d like to use

Choose from options: Internal Link, External Link, Media/PDF Link
N/ASelect Box
(List: Link Type)
NoYes
Button Link (internal)Select a section/content for an internal linkN/ASection/Content LinkYesYes
Button Link (external)Select this if you are entering a link to an external website. Only enter this if you are NOT entering an internal or media link200 CharactersPlain TextYesYes
Button link (media)Select this if you’d like to link to a PDF. Only enter this if you are NOT entering an internal or external link.N/AMediaYesYes

Examples

One Column

A a bright blue sky above a lake

Vertical card heading

This is the card content

Two Columns

A a bright blue sky above a lake

Vertical card heading

This is the card content

Three Columns

A a bright blue sky above a lake

Vertical card heading

This is the card content