> For the complete documentation index, see [llms.txt](https://docs.airdev.co/canvas-pages-and-modules/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.airdev.co/canvas-pages-and-modules/master-1/modules/4-column-video-star-rating-and-text-tiles-repeating-group.md).

# 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.

![](/files/-LcYW4wY3ImVsLdxEriN)

## 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.

![](/files/-LcYWhEvep-0hKrSW_mi)

## How to set up

* Go to the page where you have added the module and update`RepeatingGroup 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

![](/files/-LcYWVsqGWh4tMCd41Zs)

* 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).