Video Grid Presents multiple video elements within a single, unified grid-based interface
  • Use Cases: This component encapsulates multiple video instances organized within a responsive grid layout.
  • Dependencies
    • VideoGrid Item children required. The VideoGrid requires VideoGrid Item children in order to display the content (Authoring Guide explains how to add the VideoGrid Item children).
  • Multiple Videos: Multiple videos with VideoGrid Item
  • Thumbnail Images: Thumbnail images customizable for each video
img example
Creating an VideoGrid
  1. In Content Editor, create a "VideoGrids Folder" under the "_datasources" of your page
  2. Create a new VideoGrid item from the VideoGrid template.
  3. Fill in the required fields
    • Title
  4. Still in Content Editor, create one or more "VideoGrid Item" items from the VideoGrid template under the "VideoGrid" created in the previous step
  5. Fill in the required fields
    • Title
    • Video ID
    • Thumbnail Image
  6. Fill in optional field: Description
  7. In Experience Editor, insert the VideoGrid rendering into the awt-container.
  8. Associate the VideoGrid item as the data source.
  • None : There are no variants for this component.
  • There are currently no known issues with this component
Original Documentation: Confluence Link Designs: Figma Link Related Documentation: CTA Component, Text Description Card