VL WatchHistory Module
  • 26 Oct 2023
  • 1 Minute to read
  • Contributors
  • Dark
    Light
  • PDF

VL WatchHistory Module

  • Dark
    Light
  • PDF

Article summary

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.

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 elementDescription
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.
BrandYou can define the color setting for:
- Add Progress Color
- Progress Bar Background Color
Localisation
LabelsCustomize 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 TitleChoose 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 TitleChoose 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.
PlatformControl the visibility of the tray on the platforms that you want.

Was this article helpful?