Navigation

Navigation Types

There are five types of navigation on the pages of the site. These five types will be referenced throughout this documentation.

The five types of navigation: Audience, Top Right Tasks, Primary, Ancestor, Contextual

  1. Audience Navigation – The Audience Navigation links to audience pages and is visible on each page of the site.
  2. Top Right Task Navigation – The Top Right Task Navigation links are visible on each page of the site. This navigation is static and not editable.
  3. Primary Navigation – The Primary Navigation consists of elements that will display on every page regardless of the visitors location in the site. This navigation is static and not editable.
  4. Ancestor Navigation (breadcrumbs) – The Ancestor Navigation shows the current location of the user in the content tree. The current page is shown as well as all ancestor pages back to the home page. This navigation is dynamic and will automatically display based on the creation of the pages in the CMS.
  5. Contextual Navigation – The Contextual Navigation will display the current location in the content tree and will show the selected page’s siblings and children, by default, in the tree structure. The display of the left navigation will follow the information architecture of the site. This navigation is dynamic and will automatically display based on the creation of the pages in the CMS.
Navigation Relationships

Relationships are defined by the location of an item within the asset tree structure. These relationships in the asset tree dynamically create the left column navigation and the breadcrumbs that are displayed on the website. For example, when a new child page is created it will automatically appear in the left hand navigation and breadcrumb.

  • Parent – An asset that contains another asset.
  • Children – Assets that are contained within another asset.
  • Sibling – Assets that appear on the same level and have the same parent.

Example Cascade Asset Tree structure that will build out a site's contextual navigation:

Navigation relationships: parent, sibling, and child pages within the asset tree


Example of parent, sibling, and children pages within the contextual navigation:

The contextual nav showing four sibling pages as the same level, the current page that is selected, and the child pages that are nested under the current page


Example of the contextual navigation in relation to the ancestor or breadcrumb navigation:

breacrumb navigation built out according to the contextual navigation showing the parent page of the current page highlighted in blue while the currently selected page is gray