- Accordion
- Banner
- Bracket Quote With Text
- Button Panel
- Carousel
- Code Only
- Contents List
- Embed RSS
- Event Carousel
- Event Listing
- File Upload
- Foundation - 2 Cards
- Foundation - 3 Cards
- Foundation - 4 Cards
- Four Verticals
- General Content
- IMAGE - Single Image
- IMAGE => [5/7] Image / Wysiwyg
- Image and Text Expander
- Image Gallery
- News Carousel
- News Story
- One Horizontal
- One Horizontal with Background
- Page Contents
- Panel
- Student Quote
- Three Verticals
- Two Horizontals
- Two Verticals
- Video Embed
- Video With Text
Event Carousel
Overview
The Event Carousel content type is mainly used on homepages or prominent landing pages. It can automatically pull up to 6 Event Listing content items and display them in a rotating carousel.
Example:
Accessibility Guidance
Please use the following guidance to help make sure your content adheres to accessibility regulations:
- Do not add HTML elements such as
span
,div
,h1
or otherwise to any of the form elements to change the structure of the content type. Either you will be asked to remove it, or it will be removed by the Web Support Team. - Do not add any CSS styling or selectors to any of the form elements to change the display of the content added to the content type. Either you will be asked to remove it, or it will be removed by the Web Support Team.
- Do not create images with embedded text.
- Do not add image Alt Text / Description to your image if it is decorative. Further information is available in the Text Alternatives for Images section of our Accessible Content Guidance.
General Guidance
Please use the following information to help ensure that you are using this content type correctly:
Some of the fields have character limits as defined in the form field guidance below. Please ensure you are aware of these before planning out content using this content type.
Imagery
- You should have full permission for any image you intend to use on your website.
- All images should be the correct dimensions and optimised for the web. For users that do not have access to Adobe Photoshop or a similar image editing resource, we would recommend the use of PIXLR, a free online image editing platform. This platform can be used to resize and optimise images.
- You must use the correct naming convention for image filenames, as follows:
- Use only lowercase letters (a to z), numerals (0-9) and hyphens (-);
- Do not use spaces. Instead, use hyphens to separate words.
- Do not use special characters (e.g., £, %, &, á) or underscores.
- The following resource explains how to optimise an image for use on the web.
- You are not required to add an Image Alt Text / Description if the image will be decorative only. Further information is available in the Text Alternatives for Images section of our Accessible Content Guidance.
- Do not create images with embedded text. The image will be inaccessible and the text will not scale across mobile and desktop devices. This content type enables you to add a title onto an image in an accessible way.
Form Field Guidance
Please use the following information to help you use this Content Type effectively:
Field Title | Information | Is it required? |
---|---|---|
Name | This is the name of the content block, only visible to editors of the section. | Yes |
Link to Events Section | A section link to the main Events Section | No |
Title | A short title to display above the carousel | No |