Customizing the Media Entry Display for Kaltura MediaSpace Entries

Customizing the Look and Feel of a KMS Entry

The display for Kaltura MediaSpace entries can be customized. Each entry can have its own look and feel based on the administrator's configuration settings as well as the content owner's settings. The Entrydesign Module is used to change the elements of the UI for a specific entry and provides a great amount of flexibility to change and customize the display of your content.

For the Admin

There are various UI elements that you can customize by toggling them on or off in the Entrydesign module. The admin settings for the allowedElements field determine what elements content owners and co-editors will be able to customize for each entry. Note the admin settings are set globally for the instance, however, content owners and co-editors will be able to customize the display for one entry at a time.

Activating the Entrydesign Module in Kaltura MediaSpace

The Entrydesign module is managed by Kaltura MediaSpace system administrators in the Admin area accessed from <Base_URL>/admin. If you do not see the Entrydesign module, contact your account manager.

The following tasks are described:

Configure the Entrydesign Module in KMS

The configuration page dedicated to Entrydesign is accessed from the Configuration Management page from the menu on the right under the category modulesCustom/core sub-category Entrydesign.

To configure the Entrydesign module in KMS Admin Console

  1. Login to Kaltura MediaSpace Admin Console and go to the Configuration Management window.
  2. Scroll down and click the Entrydesign module in the Modules section.
    The Entrydesign Administration page is displayed.
  3. In the Enabled field, select Yes to enable the Entrydesign module.
  4. Select or enter values for the relevant fields and click Save.

    Field

    Description

    enabled

    Enable the Entrydesign module.

    entryDesignRole

    Roles or specific users that are allowed to design entries.

    players

    Fill in the player ID and the player display name you want to allow users to use in the entry page. If left blank, the site’s default player is used.

    +Add “Players”

    playerDisplayName

    Enter the Player Display Name.

    playerId

    Enter the Player ID.

    entryType

    Select an entry type from the drop down menu.
     

    allowedElements

    Which elements should be customizable in the entry page display.

    allowCSS

    Set to yes to allow the entry owner to use CSS to change the look and feel of the page.

    allowLogoChange

    Set to yes to allow the entry owner to set a new logo for KMS when viewing the entry.

     

Back to Top

To set the Entrydesign configuration

  1. Define who are the users allowed to use this feature from the entryDesignRole
  2. You can select a customized player for the entry by clicking Add Player. To allow the users to select different player, login to the KMC studio and grab the desired player's ID from there.
    Since there are different type of entries, make sure the player contains the relevant plugins to support the entry (e.g. quiz plugin).
  3. Uncheck the UI elements that you do not want content owners or co-editors to be able to customize.

    1. Header – The Header includes the entire bar on the top of the KMS screen. If a user decides to remove it, it will also remove the logo, and all other links.
    2. Header logo – The KMS main logo on the top left of KMS screen.
    3. Sidebar – The sidebar refers to the bar to the right of the player. Depending on your KMS settings, you may or may not have a sidebar, related media, or a playlist chosen by the admin. 
    4. Entry properties – The properties are right below the player, containing the entry’s name, owner, and 3 counter icons for views, comments and likes.
    5. Entry tab – Below the properties tab, the entry tab includes the Details, Share, Attachments and other tabs that are configured for the entry.
    6. Comments – The comment section, if enabled in your KMS.
    7. Footer – The KMS footer.
  4. Choose if you want to allow users the add their own CSS to the page using the allowCSS field
  5. Choose if you want to allow the users to change the KMS logo using the allowLogoChange field.

Back to Top

Verify that you have Activated the Kaltura Entrydesign Module in KMS

Be certain that you have included yourself in the permissions to verify that the module is enabled.

To verify that you can customize an entry page

  1. Login to Kaltura MediaSpace.
  2. Select My Media from the User menu.
  3. Select an entry and click the Edit icon or select Edit from the Actions drop down menu. 
    The Display tab should display as one of the Editing tabs.

Back to Top

For the Content Owner or Co-Editor

To customize the display

  1. Login to Kaltura MediaSpace.
  2. Select My Media from the User menu.
  3. Select an entry and click the Edit icon or select Edit from the Actions drop down menu.
  4. Select the Display tab. 


  5.  Choose from the following options to customize the design of the entry page. Note: The availability of the possible settings depends on your Kaltura administrator's configuration:

    1. Choose a custom player for the page. The choices available are from a predefined set of players supplied by the admin.
    2. Uncheck the UI elements that you want to hide on the entry page.

    • Header – The Header includes the entire bar on the top of the KMS screen. If a you decide to remove it, it will also remove the logo, and all other links.
    • Header logo – The KMS main logo on the top left of KMS screen.
    • Sidebar – The sidebar refers to the bar to the right of the player. Depending on your KMS settings, you may or may not have a sidebar, related media, or a playlist chosen by the admin. 
    • Entry properties – The properties are right below the player, containing the entry’s name, owner, and 3 counter icons for views, comments and likes.
    • Entry tab – Below the properties tab, the entry tab includes the Details, Share, Attachments and the Actions drop down menu.
    • Comments – The comment section, if enabled in your KMS.
    • Footer – The KMS footer.
  6. Choose a background color for the entry page.
  7. Upload a CSS file to alter only this single page.
  8. Upload a new logo that will replace the existing one when viewing this page.
  9. Click Save Entry Theme.

 Back to Top

Example

The following shows a sample configuration where all boxes have been unchecked and the background color was changed.

The resulting media is displayed as follows:

 Back to Top

In This Article