4-Column Video, Star Rating, and Text Tiles Repeating Group

Overview

UI for displaying a list of videos. This module contains a video element (YouTube or Vimeo), title link, description, star rating, and timestamp. No workflows are associated with this module.

Structure

• When this module is added to a page, it is placed within a group called Group page860Group on the page. This group contains the responsive settings for all modules.

• This module Group videoTilesGroup contains three main groups:

  • Group verticalPadding 1 - For responsiveness (please do not delete)

  • Group verticalPadding 2 - For responsiveness (please do not delete)

  • Group 780StandardGroup - If you add more elements to the group, please ensure that they are contained within this main content group.

• All data is displayed in RepeatingGroup 800-4Column

• This module will come with a reusable element called star rating. Set the data source of the reusable to a number between 1 to 5 to display the appropriate stars.

How to set up

• Go to the page where you have added the module and updateRepeatingGroup 800-4Column's data source

• Update the data source of the image, text, and link

• Modify Video 180YoutubeVideo's video source (YouTube or Vimeo) and update the video ID field (t's usually the ID shown in the URL when watching this video on YouTube or Vimeo. It can be a dynamic ID:

  • YouTube video ID is usually 12 characters long

  • Vimeo video ID is usually 10 characters long

• Set the star rating reusable element's data source to a number between 1 to 5

• Remove Button NEW or add a workflow to the button

  Remove any elements in the module that you do need and adjust the group height (there should be 40px padding at the bottom of the group).