These are the levels of navigation provided in a theme:
Top - Item 1
Primary - Item 2
Displays links for the pages directly under Content Root, such as Home, Administration and Applications. Use the dyn-cs:id:80theme_topNav
to display Top navigation:
<a rel="dynamic-content" href="dyn-cs:id:80theme_topNav"></a>
Secondary - Item 3
Displays links to the child pages of the currently selected top page, such as Getting Started and Features for Home. Use the dyn-cs:id:80theme_primaryNav
to display Primary navigation:
<a rel="dynamic-content" href="dyn-cs:id:80theme_primaryNav"></a>
Breadcrumb - Item 4
Displays links to the child pages of the currently selected primary page. Use the dyn-cs:id:80theme_secondaryNav
to display Primary navigation:
<a rel="dynamic-content" href="dyn-cs:id:80theme_secondaryNav"></a>
Displays the position of the current web page within the web site and the logical path back to the highest level of the site framework. The breadcrumb trail starts at the content root and goes down to the currently selected static page.Side
Displays links for the child and grandchild pages of the currently selected top page. By default, this template is applied to the Administration section of your portal.
<div class="wpthemeSideNavigation wpthemeLeft" role="navigation">
<a rel="dynamic-content" href="dyn-cs:id:80theme_sideNav"></a>
Displays links for the child and grandchild pages of the currently selected top page, on mobile devices only, such as smartphones and tablets.
<a rel="dynamic-content" href="dyn-cs:id:80theme_mobileNav"></a>
Navigation content spots
The content spot IDs map to custom property names in the WP DynamicContentSpotMappings
resource environment provider (REP) in the WebSphere
® Integrated Solutions Console.
Table 1. Content spot property names.
|80theme_mobileNav || mvc:smartphone/tablet@res:/wps/defaultTheme80/themes/html/dynamicSpots/mobileNavigation.jsp|
The property value indicates which JSP gets loaded in the spot. For the three horizontal navigation spots, the same navigation.jsp
file is used with parameters passed to the JSP. The navigation.jsp
file is in the PortalServer_root\theme\wp.theme.themes\default80\installedApps\DefaultTheme80.ear\DefaultTheme80.war\themes\html\dynamicSpots
folder. The available parameters are:
Specifies the starting level of page navigation to be displayed in this spot, using a zero-based index where 0 is the highest level. levelsDisplayed
Specifies the number of navigation levels to be displayed. If this parameter is not specified then the navigation from the startLevel to the children of the last page selected is displayed. For example, if the startLevel was set to 0 and levelsDisplayed as set to 3, then the navigation levels 0, 1, 2 would be displayed.rootClass
Specifies the style class name to apply to the block of tags that are page links: a <ul> with one <li> containing one <a> per page.primeRoot
Specifies whether the navigation JSP should output priming data for the Content Root. Priming the Content Root is required if Enabler navigation priming is turned on. Out of box, this parameter is set to true on the topNav dynamic content spot only, so the priming data is output exactly once. If this parameter is not specified, it will default to false.
By combining techniques of adding and removing a level of navigation, and creating a custom navigation you can replace your navigation. In the theme.html
files for your theme, you can remove the default navigation dynamic content spots. You can then replace the dynamic content spots with your own mappings that point to your own jsp implementation. For example, you can replace the three top navigation levels with a single top navigation and a single side navigation.
Creating a dynamic content spot for navigationParent topic: Customizing the theme
Create a dynamic content spot mapping to customize the theme for Top, Primary, and Secondary navigation. Change the yourTheme
value to the name of your theme.
Adding a level of navigation
You can increase levels of navigation by adding a fourth level of navigation.
Removing a level of navigation
You can reduce your levels of navigation to two levels.
The Portal 8.0 theme includes a side navigation template that can be applied to render pages at the secondary level in a list with the main content. By default, this template is applied to the Administration section of your portal.