Programming Page

Who can use this feature

Site Admin, Channel Admin

Supported features: User Pages

Introduction

The Programming Page Widget automatically pulls all the videos from your library and displays their thumbnails on the page. You can filter the display of video thumbnails by choosing Categories and Attribute Groups - all video content that has been assigned to those groups will then appear on the page. This allows you to easily group video content and identify which grouping(s) of content will appear on a single page.

If you have a multi-channel video site, the Programming Page widget will only display all the videos within a channel.

Available on these User Pages:

Configuration

Displayed Filters

You can choose which attribute groups will appear on the page. Viewers will be able to see the names of those attribute groups on the page and click on them to filter video content.

  1. In the Displayed Filters tab, select an attribute group from the drop-down.
  2. Click Add.

The attribute group is now added to the list of displayed filters.

Content Filters

In the Content Filters tab, you can filter the video content that will appear on the page based on attribute group and attribute filters. Select the filters that you want and videos that are assigned to those filters will be displayed in on the page.

You can use the ' All' or 'Any' filtering option:

  • All: A video must be assigned to all of the filters you've selected in order to appear on the page.
  • Any: If a video is assigned to any of the filters you've selected, it will appear on the page.

To configure your content filters, follow the steps below.

  1. Click the Content Filters tab.
  2. OPTIONAL: By default, 'All' categories are selected. You can select a category from the Category filter drop-down.
  3. Under Attribute groups and attributes filter, select All or Any from the drop-down.
  4. Select the attribute group that you want.
  5. OPTIONAL: After selecting an attribute group, you can also select individual attributes within the group.
  6. Click Save.

Display Options

The display options tab provides a few sorting options on how you can display content on the page.

If no option is selected then Newest First will be the page default. 

  1. Choose from one of the following:
    • Newest First
    • Oldest First 
    • A-Z
  2. Click Save.

Customize Theme

See the Site Theme Builder article to learn more about enabling and accessing the theme builder prior to making any changes.

Once the theme builder is active on the back end of your platform you can make changes using the front end shortcut icon on the header menu.

The pen and paper icon for the theme builder will not display on the front end header if it hasn't been enabled first

The following table describes the customizable elements on the theme builder for the  Library, Forms & Buttons, and Title sections. You can either add a hex code value into the provided field or use the color palette to choose the desired color for that element.

Learn More about opening, activating and editing the Site Theme Builder

Element Description
LIBRARY

Filter Group Background: hex code or use color palette

Filter Group Text: hex code or use color palette

Font Family: font name Font Style: normal/italic

FORMS & BUTTONS

FORM FIELDS

Field Text Color: hex code or use color palette

Field Background Color: hex code or use color palette

Field Border Color: hex code or use color palette

PRIMARY BUTTONS

Primary Button Color: hex code or use color palette Primary Button Text Color: hex code or use color palette

Primary Button Border Color: hex code or use color palette

Primary Button Hover Color: hex code or use color palette

Primary Button Hover Text Color: hex code or use color palette

Primary Button Hover Border Color: hex code or use color palette

SECONDARY BUTTONS

Secondary Button Color: hex code or use color palette

Secondary Button Text Color: hex code or use color palette

Secondary Button Border Color: hex code or use color palette

Secondary Button Hover Color: hex code or use color palette

Secondary Button Text Hover Color: hex code or use color palette

Secondary Button Border Hover Color: hex code or use color palette

TITLE

Title Color: hex code or use color palette

Font Family: font name

Font Style: normal/italic

Font Weight: light/normal/bold

Font Case: none/capitalize/uppercase/lower case