Horizontal Card
SCB - Horizontal Card
Adds a single horizontal card to a page with an optional image and button.
Content Type Details
- ID: 326
- Name: SCB - Horizontal Card
- Minimum user level: Contributor
- Compatible with page layouts: SCB - Full Width, SCB - Inner - Full Width, SCB - Inner - with on-page navigation
Guidance
Adds a single horizontal card with rich content, with an optional heading, image 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
- 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 |
| Image | Select an image from the media library | N/A | Media | No | No |
| Heading | Enter optional Heading text | 255 Characters | Plain Text | No | No |
| Content | Main body content. Accepts rich text and media. | 9999 Characters | HTML | Yes | No |
| Button Text | Enter the text to display on the button. | 50 Characters | Plain Text | No | No |
| Link Type | Select which kind of link you’d like to use Choose from options: Internal Link, External Link, Media/PDF Link | N/A | Select Box (List: Link Type) | No | Yes |
| Button Link (internal) | Select a section/content for an internal link | N/A | Section/Content Link | Yes | Yes |
| 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 link | 200 Characters | Plain Text | Yes | Yes |
| 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/A | Media | Yes | Yes |
| Background color | Choose the background color. Choose from options: Base Blue (Darkest), Lighter Grey | N/A | Select Box (List: SCB Horizontal Card Colors) | No | No |
Example
Heading here
This is the card content
Heading here (no image)
This is the card content