CSUMB 2024 - Gallery

Content Type Details

ID: 395
Name: CSUMB 2024 - Gallery
Description: Add the image with caption in a horizontal scrollbar. Each image and its caption is a separate piece of content type.
Minimum user level: Contributor
Use with page layouts: CSUMB 2024 - Full Width, CSUMB 2024 - Differentiator Page, CSUMB 2024 - Admission Landing

How to Use

Each gallery image is a separate piece of content. Adjacent gallery content items are wrapped together to create a row of gallery images.

For the first gallery item in a group:

  • Optionally add a Section Title
  • Optionally add a CTA Link

If a CTA Link Text is added, one and only one CTA Link (internal or external) must be selected.

For each of the remaining gallery items, there is no need to add a Section Title or CTA Link Text/Link, as only the first one will show.

Recommended image size is at least 760px x 555px. The image can be any size or aspect ratio, and will be cropped and resized to the size required automatically by a service called PXL.

If an Image Title is added, one and only one Image Title Link (internal or external) must be selected.

Notes:

  • Add a minimum of two gallery cards to enable the scrollbar.

  • The section title should be placed above the gallery card group and set on the first card. A new title creates a new group.

YouTube – Get Original URL

  1. Open the YouTube video in your browser.

  2. Copy the link from the address bar — that’s the original URL.

    • It usually looks like: https://www.youtube.com/watch?v=VIDEO_ID

Example:
Original URL → https://www.youtube.com/watch?v=JNVCha0zPyU


Vimeo – Get Original URL

  1. Open the Vimeo video in your browser.

  2. Copy the link from the address bar — that’s the original URL.

    • It usually looks like: https://vimeo.com/VIDEO_ID

Example:
Original URL → https://vimeo.com/217644790

Content Type Elements Details

NameDescriptionSizeTypeRequired
NameA short, descriptive label for this content — visible only within the Platform.80 CharactersPlain TextYes
Section TitleEnter optional title above the group of gallery cards. Set on the first gallery card in a group. Adding a title will start a new group.120 CharactersPlain TextNo
CTA Link TextEnter the text for the Call to Action. It should be added for the first gallery card in the group50 CharactersPlain TextNo
CTA Link (internal)Select a section/content for an internal linkN/ASection/Content LinkNo
CTA Link (external)Only enter this if you are NOT entering an internal link200 CharactersPlain TextNo
Image 760x555Select the image of size 760 x 555 px from media libraryN/AMediaYes
Vertical Video URLEnter the original Vimeo or YouTube video URL500 CharactersPlain TextNo
Image TitleEnter the optional image/video title120 CharactersPlain TextNo
Image Title Link (internal)Select a section/content for an internal linkN/ASection/Content LinkNo
Image Title Link (external)Only enter this if you are NOT entering an internal link200 CharactersPlain TextNo
Image DescriptionEnter the description for the image/video300 CharactersPlain TextNo