Carousel - Gallery | Middlesex University

A carousel gallery with heading and optional text. Each slide in the carousel gallery contains a main image and secondary image or text and link.

How to use

Each gallery slide in a carousel is a separate piece of content. Adjacent Carousel - Gallery content items are wrapped together to create a carousel. Recommend to add a minimum of 2 Carousel - Gallery content items in a carousel, there is no maximum number.

For the first Carousel - Gallery in a carousel:

Add a Heading
Optionally add Quick-Nav Text to be picked up the Quick Navigation Bar/Progress Navigation Bar
Choose a Carousel Colour: Purple or Teal
Optionally add Main Text, this displays below the heading above the carousel

For each Carousel - Gallery:

Select a suitable image from the Media Library for the Left Card - Image.
Recommend image is at least 1000px x 845px. The image can be any size or aspect ratio, and will be cropped and resized to 1000px x 845px automatically by a service called PXL. Find out how PXL crop and resize works.
Optionally add a Left Card - Caption
The Right Card can display a secondary image with optional caption or text and optional link
For a secondary image with optional caption:
- Select a suitable image from the Media Library for the Right Card - Image.
  Recommend image is at least 400px x 510px. The image can be any size or aspect ratio, and will be cropped and resized to 400px x 510px automatically by a service called PXL. Find out how PXL crop and resize works.
- Optionally add a Right Card - Caption
For text and optional link:
- Add Right Card - Text
- Optionally add a link. Add Right Card - Link Text for the button text and either select a section or content item for the Right Card - Internal Link (ignore the Use default link text checkbox), or paste the full URL for the Right Card - External URL (please do not enter both)

Content Type Details

ID: 432
Name: Carousel - Gallery
Description: A carousel used as a gallery that can displays images and text. Each carousel slide is a separate content item containing a main image and additional image or text
Minimum user level: Contributor

Content Type Elements Details

Name	Description	Size	Type	Required
Name	The Name Element	80 Characters	Plain Text	Yes
Heading	Add a Heading, for example "Frequently asked questions", set on the first content item in a carousel	50 Characters	Plain Text	No
Quick-Nav Text	This text will be used for the Quick Navigation Bar/Progress Navigation, set on the first content item in a carousel	24 Characters	Plain Text	No
Carousel Colour	Select a colour from the list on the first content item in a carousel	N/A	Select Box (List: carousel Gallery Colour)	No
Main Text	A brief text about the carousel information, set on the first content item in a carousel	500 Characters	Plain Text	No
Left Card - Image	A bigger image for the left card	N/A	Media	Yes
Left Card - Caption	Caption for the left card	220 Characters	Plain Text	No
Right Card - Image	A smaller image for the right card, or add Right Card - Text	N/A	Media	No
Right Card - Caption	A caption for the right card	220 Characters	Plain Text	No
Right Card - Text	If an image is not used, you may populate the right card with a text	100 Characters	Plain Text	No
Right Card - Link Text	Add text for a link	200 Characters	Plain Text	No
Right Card - Internal Link	Select a section/content for an internal link	N/A	Section/Content Link	No
Right Card - 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