Side navigation
The Portal 8.0 theme includes a side navigation template that can be applied to render pages at the secondary level in a list beside the main content. By default, this template is applied to the Administration section of the portal.The side navigation is composed of three parts:
- Theme template
- The theme template includes the markup required to render a dynamic content spot next to the main content and sets a class on the body elemenused to scope styles to this template.
- Location of localized templates: dav:fs-type1\themes\Portal8.0\nls\sidenav\theme_sidenav.html
- Dynamic Content Spot
- The dynamic content spot recursively loops over the navigation hierarchy to render the pages. The dynamic content spot is a JSP that uses expression logic to access the navigation and provides easy to read code. We can customize the start level parameter of the dynamic content spot to render different sets of pages.
- Location: PortalServer_root\theme\wp.theme.themes\default80\installedApps\DefaultTheme80.ear\DefaultTheme80.war\themes\html\dynamicSpots\sideNavigation.jsp
- Styles
- The CSS is built into the theme master layer and out of box customizations were not included for each style. The default style is applied to the Administration pages.
- Location of uncompressed files:
- dav:fs-type1\themes\Portal8.0\css\default\sidenav.css
- dav:fs-type1\themes\Portal8.0\css\default\sidenavRTL.css
- Location of compressed files:
- dav:fs-type1\themes\Portal8.0\css\master.css
- dav:fs-type1\themes\Portal8.0\css\masterRTL.css
- Set side navigation for a page
We can set the side navigation template for a specific page.- Set side navigation as theme default
We can set the side navigation template as the theme default by changing the ready-to-use template to become the default theme.html.- Customize side navigation
We can customize the side navigation by scoping styles specifically to the side navigation template or changing the width of the side navigation area or main content area.
Parent: Customize navigation