Accolades Panels
Add a section with optional coloured background and CTA with 2-5 panels of information. Each panel can contain a large heading to convey a statistic/fact or an icon with supporting text.
How to use
- Add a Section Heading
- Optionally add Quick-Nav Text to be picked up by the Quick Navigation Bar/Progress Navigation Bar
- Choose a Background Colour: Orange, Purple Light, Red or White
- Optionally add a CTA button. Add CTA Text for the button text and either select a section or content item for the CTA Internal Link (ignore the Use default link text checkbox), or paste the full URL for the CTA External URL (please do not enter both)
- Add 2-5 panels. Each panel can have an icon or a larger heading.
- For an icon panel:
- Choose an Icon from the list
- Add a Title
- Add Icon Text
- For a heading panel:
- Add a Heading
- Add a Title. Bear in mind when adding a heading panel the size of the text for the title is larger, therefore recommend a title using a shorter title than for when using an icon, see examples
For adding 1-3 panels in a similar design consider using the Secondary Callout Cards content type.
Content Type Details
ID: 442
Name: Accolades Panels
Description: A component with a Heading and 2 - 5 panels of general information
Minimum user level: Contributor
Content Type Elements Details
| Name | Description | Size | Type | Required |
|---|---|---|---|---|
| Name | The Name Element | 80 Characters | Plain Text | Yes |
| Section Heading | Text shown on the left-hand side, outside the panels | 50 Characters | Plain Text | Yes |
| Quick-Nav Text | This text will be used for the Quick Navigation Bar/Progress Navigation | 24 Characters | Plain Text | No |
| Background Colour | Select a Background Colour | N/A | Select Box (List: Accolade and Secondary Callout Card Background) | Yes |
| CTA Text | CTA under the Left Panel Text | 50 Characters | Plain Text | No |
| CTA Internal Link | Select a section/content for an internal link | N/A | Section/Content Link | No |
| CTA External URL | Enter full URL including https:// for external URL, only enter this if you are NOT entering an internal link | 250 Characters | Plain Text | No |
| Panel 1 - Icon | Select an icon from the list (Google Repo) or add a Heading | N/A | Select Box (List: Material Symbols) | No |
| Panel 1 - Heading | Add large heading or select an Icon | 8 Characters | Plain Text | No |
| Panel 1 - Title | An optional title below the other items | 80 Characters | Plain Text | Yes |
| Panel 1 - Icon Text | Text for the panel, shows below title when an Icon is used | 300 Characters | Plain Text | No |
| Panel 2 - Icon | Select an icon from the list (Google Repo) or add a Heading | N/A | Select Box (List: Material Symbols) | No |
| Panel 2 - Heading | Add large heading or select an Icon | 8 Characters | Plain Text | No |
| Panel 2 - Title | An optional title below the other items | 80 Characters | Plain Text | Yes |
| Panel 2 - Icon Text | Text for the panel, shows below title when an Icon is used | 300 Characters | Plain Text | No |
| Panel 3 - Icon | Select an icon from the list (Google Repo) or add a Heading | N/A | Select Box (List: Material Symbols) | No |
| Panel 3 - Heading | Add large heading or select an Icon | 8 Characters | Plain Text | No |
| Panel 3 - Title | An optional title below the other items | 80 Characters | Plain Text | No |
| Panel 3 - Icon Text | Text for the panel, shows below title when an Icon is used | 300 Characters | Plain Text | No |
| Panel 4 - Icon | Select an icon from the list (Google Repo) or add a Heading | N/A | Select Box (List: Material Symbols) | No |
| Panel 4 - Heading | Add large heading or select an Icon | 8 Characters | Plain Text | No |
| Panel 4 - Title | An optional title below the other items | 80 Characters | Plain Text | No |
| Panel 4 - Icon Text | Text for the panel, shows below title when an Icon is used | 300 Characters | Plain Text | No |
| Panel 5 - Icon | Select an icon from the list (Google Repo) or add a Heading | N/A | Select Box (List: Material Symbols) | No |
| Panel 5 - Heading | Add large heading or select an Icon | 8 Characters | Plain Text | No |
| Panel 5 - Title | An optional title below the other items | 80 Characters | Plain Text | No |
| Panel 5 - Icon Text | Text for the panel, shows below title when an Icon is used | 300 Characters | Plain Text | No |