Site navigation is the way visitors move through your site's pages and content. The navigation bar generally displays the pages and sections on your site that your visitors can click on and be redirected to.
This guide demonstrates the Video Portal Theming module. To select your preferred navigation bar when Theming module is enabled, visit navbar settings in the template pages.
Let's start!
Configure
- Login to your Video Portal Admin Console, at https://[your_partner_id].mediaspace.kaltura.com/admin.
- Select Navigation from the Global settings.
The Navigation module displays. 
3. Configure the desired navigation style.
- showNavigation - The default is already set to Yes.
- navigationStyle - Choose whether you want a horizontal or verticle header. Vertical means that a hidden vertical menu appears on the left in all resolutions (see image below). Horizontal means that a horizontal menu appears at the top in desktop resolution and vertical menu appears in lower resolutions (see image above).
- showNavbarSearch - The default is Yes. Choose No if you don't want to have a search box in the header
- includeCategories - The default is Yes. Select No if you don't want the categories to display in the main navigation and only want PRE and POST items to appear.
For more information about adding a category, read our article Managing Categories.
4. Configure the desired navigation items.
Pre menu
Next is the Pre section. This is where you'll add items to the beginning of the menu and before the categories. Your Video Portal displays the items in the order you define here.
Example of the Home tab configured first in the navigation bar.
- Type - Select one of the options:
- name - Enter the name of the menu item. The name is displayed in the main navigation bar.
- value - Enter the menu item's playlist ID or URL. (backslash will direct to the homepage)
- sameWindow The default is No. Select Yes if you want the page to open in the same window.
If you would like your first item on the header to be a homepage, you can follow the steps in Setup a Homepage.
To learn more about setting up pages for your site, you can read Create and use a template page.
If you choose to have a drop-down, you can add items to your drop-down menu by clicking 
. 
Example of the "Sailing School" channel set as a first item
- type - Select one of the options.
- name - Enter the name of the menu item. The name is displayed in the main navigation bar.
- value - Enter the menu item's playlist ID or URL.
- sameWindow The default is No. Select Yes if you want the page to open in the same window.
Continue with this process if you want to add more items.
If you'd like to learn more about adding a channel to your navigation menu, you can follow the steps in Displaying Channels in MediaSpace.
- allowedGroups - choose the group that should see this item. A user who's not in that group won't see this page in their navigation menu.
To create the next pre element, click 
and repeated the previous steps.
Post menu
Next is the Post section. This is where you'll add items that come after the categories. Your Video Portal displays the items in the order you define here.
Example of the Channels page as the main link and the "Survival skills" channel as the first item in the drop-down.
- Type - Select one of the options:
- name - Enter the name of the menu item. The name is displayed in the main navigation bar.
- value - Enter the menu item's playlist ID or URL. (backslash will direct to the homepage)
If you choose to have a drop-down, you can add items to your drop-down menu by clicking .
- type - Select one of the options.
- name - Enter the name of the menu item. The name is displayed in the main navigation bar.
- value - Enter the menu item's playlist ID or URL.
- sameWindow The default is No. Select Yes if you want the page to open in the same window.
Continue with this process if you want to add more items.
- allowedGroups - choose the group that should see this item. A user who's not in that group won't see this page in their navigation menu.
To create the next post element, click 
and repeated the previous steps.
5. When you have finished your configuration, scroll down and click Save.
User experience
Example of vertical navigation
Example of horizontal navigation
