+

Search Tips   |   Advanced Search

Customize navigation


Use dynamic content spots to determine what is displayed by Top, Primary, and Secondary navigation. Use the navigation.jsp file to map properties to the dynamic content spot ids in the theme.html files. Rendering of the navigation is done with a single JSP file using <ul> and <li> tags.

These are the levels of navigation provided in a theme:


Navigation content spots

The content spot ids map to custom property names in the WP DynamicContentSpotMappings resource environment provider (REP) in the WAS admin console.

Name Value
80theme_topNav

res:/wps/defaultTheme80/themes/html/dynamicSpots/navigation.jsp?

rootClass=wpthemeHeaderNav&startLevel=0&primeRoot=true

80theme_primaryNav

res:/wps/defaultTheme80/themes/html/dynamicSpots/navigation.jsp?

rootClass=wpthemePrimaryNav&startLevel=1

80theme_secondaryNav

res:/wps/defaultTheme80/themes/html/dynamicSpots/navigation.jsp?

rootClass=wpthemeSecondaryNav&startLevel=2$levelsDisplayed=2

80theme_sideNav

res:/wps/defaultTheme80/themes/html/dynamicSpots/sideNavigation.jsp?

startLevel=2

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 PORTAL_HOME\theme\wp.theme.themes\default80\installedApps\DefaultTheme80.ear\DefaultTheme80.war\themes\html\dynamicSpots folder. The available parameters are:

By combining techniques of adding and removing a level of navigation, and creating a custom navigation we can replace your navigation. In the theme.html files for your theme, we can remove the default navigation dynamic content spots. We can then replace the dynamic content spots with our own mappings that point to our own jsp implementation.

For example, we can replace the three top navigation levels with a single top navigation and a single side navigation.


Parent: Customize the theme