Image Component Collection
SCB - Image Component Collection
Creates a group of Image Component Cards with optional Group Heading and description. Each Image Component card includes an arrow, clickable heading text and image. Text and image are centered.
Content Type Details
- ID: 332
- Name: SCB - Image Component Collection
- 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, with an optional heading and introduction above the cards and a choice of Dark Blue, Light Blue or Light Grey as the background colour..
Each card contains a heading and can have an optional small image and rich content.
Use Component 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
| Name | Description | Size | Type | Required | Conditionally Shown |
|---|---|---|---|---|---|
| Name | The Name Element | 80 Characters | Plain Text | Yes | No |
| Heading | An optional heading to appear above the content group. For example “Our Services”. | 150 Characters | Plain Text | No | No |
| Introduction | An optional brief description for the group of content | 150 Characters | Plain Text | No | No |
| Section Background color | Select what background color to display behind the components Choose from options: Base Blue (Darkest), Lighter Grey | N/A | Select Box (List: SCB Section Colors) | Yes | No |
| Image Component | Enter the content for each Image component card with clickable heading text and image. Text and image ar | N/A | Repeater | Yes | No |
SCB - Repeater - Image Component
For use with Image Component Collection content type. Creates a single image component card with clickable heading text and image. Text and image are centered.
Content Type Details
- ID: 337
- Name: SCB - Repeater - Image Component
- 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
| Name | Description | Size | Type | Required | Conditionally Shown |
|---|---|---|---|---|---|
| Name | The Name Element | 80 Characters | Plain Text | Yes | No |
| Image | Select a small image from the media library to display above the Heading text. Image recommended 80px x 120px or smaller. | N/A | Media | Yes | No |
| Heading | This is the clickable component heading <h3> | 60 Characters | Plain Text | Yes | No |
| Content | This is the text that appears beneath the red line. Should be 1 to 2 sentences. Can include bold or italics. | 150 Characters | HTML | No | No |
| Component Link type | Select what kind of link the Component Heading should be Choose from options: Internal Link, External Link, Media/PDF Link | N/A | Select Box (List: Link Type) | No | No |
| Link (internal) | Select a section/content for an internal link | N/A | Section/Content Link | Yes | Yes |
| 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 link | 200 Characters | Plain Text | Yes | Yes |
| 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/A | Media | Yes | Yes |
