Events Panels
Adds an orange panel with title and optional CTA button to highlight 3 events.
How to use
- Add a Title
- Optionally add Quick-Nav Text to be picked up the Quick Navigation Bar/Progress Navigation Bar
- Optionally add a CTA button below the Title. 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 information about 3 Events. For each Event:
- Add the Name of the event
- Add the Date
- For Event 1 and 3 select a suitable image from the Media Library for the Image.
Recommend image is at least 800px x 800px. The image can be any size or aspect ratio, and will be cropped and resized to 800px x 800px automatically by a service called PXL. Find out how PXL crop and resize works.
- Add a link, either select a section or content item for the Event Internal Link (ignore the Use default link text checkbox), or paste the full URL for the Event External URL (please do not enter both)
Content Type Details
ID: 443
Name: Events Panels
Description: A component for the upcoming events with a link to all events and 3 individual events panels
Minimum user level: Contributor
Content Type Elements Details
| Name | Description | Size | Type | Required |
|---|---|---|---|---|
| Name | The Name Element | 80 Characters | Plain Text | Yes |
| Title | Add the Title | 100 Characters | Plain Text | Yes |
| Quick-Nav Text | This text will be used for the Quick Navigation Bar | 20 Characters | Plain Text | No |
| CTA Text | Add text for a CTA | 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 |
| Event 1 Name | The name of the event | 50 Characters | Plain Text | Yes |
| Event 1 Date | The event date in the format "Sep 12" | 24 Characters | Plain Text | Yes |
| Event 1 Image | An optional image - if an image is selected no other fields are required and they won't appear if populated. | N/A | Media | Yes |
| Event 1 Internal Link | Select a section/content for an internal link | N/A | Section/Content Link | No |
| Event 1 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 |
| Event 2 Name | The name of the event | 50 Characters | Plain Text | Yes |
| Event 2 Date | The event date in the format "September 12" | 24 Characters | Plain Text | Yes |
| Event 2 Internal Link | Select a section/content for an internal link | N/A | Section/Content Link | No |
| Event 2 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 |
| Event 3 Name | The name of the event | 50 Characters | Plain Text | Yes |
| Event 3 Date | The event date in the format "September 12" | 24 Characters | Plain Text | Yes |
| Event 3 Image | An optional image - if an image is selected no other fields are required and they won't appear if populated. | N/A | Media | Yes |
| Event 3 Internal Link | Select a section/content for an internal link | N/A | Section/Content Link | No |
| Event 3 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 |
Example
/0x0:681x681/prod01/channel_3/media/middlesex-university/site-assets/component-library/page-designs/events-banner-ph-1.a9ffd24e.jpg)
/0x2:677x679/prod01/channel_3/media/middlesex-university/site-assets/component-library/page-designs/events-banner-ph-2.a4a946cb.jpg)