Design Library - Video Gallery
The Video Gallery component has been enhanced to support videos hosted on YouTube, YouTube Shorts, and YuJa, providing greater flexibility in how video content can be displayed across the site.
The component uses a combination of two Content Types to create a structured video gallery. The Design Library – Image Gallery-Container (OPEN) must be placed at the start of the section and is followed by one or more Design Library – Image Gallery-Video items. Each video item represents a single entry within the gallery.
Design Library - Image Gallery-Container (OPEN)
Contains a field for a name (use relevant names for your Components as the name is visible when using Components such as the Jump Menu) and a field for a 'Title' (which appears as the Title of the Component). The are two display options 'Slider' and 'Grid' with an option to set the background colour to Green or Blue.
Design Library - Image Gallery-Video
This Content Type represents an individual video within the gallery and supports YouTube, YouTube Shorts, and YuJa video URLs.
By default, the component displays the video’s generated thumbnail. Authors may also upload a custom thumbnail image (recommended dimensions: 370px × 263px).
Available fields include:
-
Name – Internal reference name for the video item.
-
Thumbnail Image – Defaults to the video platform’s thumbnail, with the option to upload a custom image.
-
Description – A short line of text displayed beneath the video thumbnail.
-
Caption – A longer paragraph of text displayed when the video is opened.
-
Video URL – Paste the share URL from YouTube, YouTube Shorts, or YuJa.
Video Gallery Grid
The option for a Grid Layout can be selected in the 'ucdcanc-Image Gallery-Container (OPEN)' Content Type by choosing the Grid option from the 'Component Style' field.
Site Contact Component
University College Dublin, Belfield, Dublin 4, Ireland. T: +353 1 716 7777 | E: sample.name@ucd.ie |This component appears on every page of the site and is located in the section 'contactfooter'. Fields will only appear if populated with content. The 'contactfooter' section also contains separate components for each social media item.