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

      VL WatchHistory Module

      • Updated on 26 Oct 2023
      • 1 Minute to read
      • Contributors
      • Print
      • 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?
      What's Next