---
title: "VL WatchHistory Module"
slug: "vl-watchhistory-module"
updated: 2023-10-26T21:30:51Z
published: 2023-10-26T21:30:51Z
canonical: "docs.viewlift.com/vl-watchhistory-module"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.viewlift.com/llms.txt
> Use this file to discover all available pages before exploring further.

# VL WatchHistory Module

The Watch History page is configured using the VL WatchHistory Module which contains all the text and image elements, brand colors and platform configuration settings needed to set up a "My Watch History" page.

![](https://cdn.document360.io/15e0c142-c823-4c77-a8e8-9d32ca937982/Images/Documentation/image-1698355250184.png)

## Create a Watch History Page

From the Template Builder, create a **User** type page. Provide the page name as **My History** and define the permalink as "/user/history". Now, add the **VL WatchHistory** Module to the page. After configuring the settings, click **Publish**, the page will then go live on your apps and website.

**VL WatchHistory module** **settings:**

| **Screen element** | **Description** |
| --- | --- |
| **Thumbnail Placement** | Center the thumbnail placement to the left, top, or right. Recommended setting: left. |
| **Thumbnail Type** | Select a thumbnail aspect ratio such as 16*9 and 3*4 for landscape and portrait cards respectively. |
| **Number of Display Items** | Set the number of tiles to show without swiping the tray. Note that this setting applies to desktop, mobile web and OTT and does not apply to mobile apps, as the number of thumbnails displayed will vary depending on the screen size of the device. |
| **Brand** | You can define the color setting for: - Add Progress Color - Progress Bar Background Color |
| **Localisation** |
| **Labels** | Customize the default messages in the Watch history screen. |
| **Font Settings** |
| **Item 1, Item 2, Item 3, etc.** | Set custom fonts per platform as necessary. Click on the +ADD button to open up an Item form for platform-wise configuration. |
| **Select Platform(s)** | Select the platforms to apply the custom font settings. |
| **Tray Item Title** | Choose the desired font from the Font Family Name drop-down. Font Size: Type the font size into the text box. Example, 24px. Font Weight: Select the font weight from the preset. Example: Bold. |
| **Video Title** | Choose the desired font from the Font Family Name drop-down. Font Size: Type the font size into the text box. Example, 18px. Font Weight: Select the font weight from the preset. Example: Medium. |
| **Video Description** | Choose the desired font from the Font Family Name drop-down. Font Size: Type the font size into the text box. Example, 14px. Font Weight: Select the font weight from the preset. Example: Regular. |
| **Platform** | Control the visibility of the tray on the platforms that you want. |