Gallery

Add a sliding gallery of 1-6 images/videos.

  1. Component Library
  2. Content Types
  3. Gallery

How to use

  • Add a Heading
  • Optionally add a Description
  • Add 1-6 images, for each image:
    • Select a suitable image from the Media Library for the Image. 
      Recommend image is at least 1060px x 680px. The image can be any size or aspect ratio, and will be cropped and resized to 1060px x 680px automatically by a service called PXL. Find out how PXL crop and resize works.
    • Optionally paste in the full URL to a YouTube or Vimeo video for the Video URL e.g., for YouTube https://youtu.be/zTurtwfQ5yU or https://www.youtube.com/watch?v=zTurtwfQ5yU and for Vimeo https://vimeo.com/758783444
    • Optionally add a Image - Title
    • Optionally add a Link to the Title. Ensure the Image Title is added and either select a section or content item for the Image - Internal Link (ignore the Use default link text checkbox), or paste the full URL for the Image - External URL (do not enter both)
    • Optionally add a Image - Description

Content Type Details

ID: 7275
Name: Gallery
Description: This component showcases images and videos in a slider style.
Minimum user level: Contributor

Content Type Elements Details

NameDescriptionSizeTypeRequired
NameThe Name Element80 CharactersPlain TextYes
HeadingAdd a Heading, for example: "Have a look at our Campus"250 CharactersPlain TextYes
DescriptionAdd a brief description500 CharactersPlain TextNo
Image 1Select a suitable image from the Media LibraryN/AMediaYes
Image 1 - Video URLPaste in the full URL of a video250 CharactersPlain TextNo
Image 1 - TitleFor a Link Title only200 CharactersPlain TextNo
Image 1 - Internal LinkSelect a section/content for an internal linkN/ASection/Content LinkNo
Image 1 - External LinkEnter URL for external link, only enter this if you are NOT entering an internal link250 CharactersPlain TextNo
Image 1 - DescriptionAdd a brief description of the image200 CharactersPlain TextNo
Image 2Second Image on the Gallery CarrouselN/AMediaNo
Image 2 - Video URLPaste in the full URL of a video250 CharactersPlain TextNo
Image 2 - TitleFor a Link Title only200 CharactersPlain TextNo
Image 2 - Internal LinkSelect a section/content for an internal linkN/ASection/Content LinkNo
Image 2 - External LinkEnter URL for external link, only enter this if you are NOT entering an internal link250 CharactersPlain TextNo
Image 2 - DescriptionAdd a brief description of the image200 CharactersPlain TextNo
Image 3Third Image on the Gallery CarrouselN/AMediaNo
Image 3 - Video URLPaste in the full URL of a video250 CharactersPlain TextNo
Image 3 - TitleFor a Link Title only200 CharactersPlain TextNo
Image 3 - Internal LinkSelect a section/content for an internal linkN/ASection/Content LinkNo
Image 3 - External LinkEnter URL for external link, only enter this if you are NOT entering an internal link250 CharactersPlain TextNo
Image 3 - DescriptionAdd a brief description of the image200 CharactersPlain TextNo
Image 4Fourth Image on the Gallery CarrouselN/AMediaNo
Image 4 - Video URLPaste in the full URL of a video250 CharactersPlain TextNo
Image 4 - TitleFor a Link Title only200 CharactersPlain TextNo
Image 4 - Internal LinkSelect a section/content for an internal linkN/ASection/Content LinkNo
Image 4 - External LinkEnter URL for external link, only enter this if you are NOT entering an internal link250 CharactersPlain TextNo
Image 4 - DescriptionAdd a brief description of the image200 CharactersPlain TextNo
Image 5Fifth Image on the Gallery CarrouselN/AMediaNo
Image 5 - Video URLPaste in the full URL of a video250 CharactersPlain TextNo
Image 5 - TitleFor a Link Title only200 CharactersPlain TextNo
Image 5 - Internal LinkSelect a section/content for an internal linkN/ASection/Content LinkNo
Image 5 - External LinkEnter URL for external link, only enter this if you are NOT entering an internal link250 CharactersPlain TextNo
Image 5 - DescriptionAdd a brief description of the image200 CharactersPlain TextNo
Image 6Sixth Image on the Gallery CarrouselN/AMediaNo
Image 6 - Video URLPaste in the full URL of a video250 CharactersPlain TextNo
Image 6 - TitleFor a Link Title only200 CharactersPlain TextNo
Image 6 - Internal LinkSelect a section/content for an internal linkN/ASection/Content LinkNo
Image 6 - External LinkEnter URL for external link, only enter this if you are NOT entering an internal link250 CharactersPlain TextNo
Image 6 - DescriptionAdd a brief description of the image200 CharactersPlain TextNo

Media Gallery

Plain text. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Incidunt facilis qui voluptatem itaque rem saepe quod architecto nihil, neque impedit molestias eveniet nam a molestiae aliquam eaque accusamus labore fugiat veritatis perferendis? Labore molestiae amet laudantium aliquam totam illo accusamus!