Skip to content
Last updated

The interface of a project has various elements you can use to navigate the project's contents. Some of these elements might have been customized or disabled in your project.

Skip to content

You can jump directly to the main content of a project's page, skipping navigation elements and auxiliary information.

To skip to the page's main content:

  1. After navigating to a page, press the Tab key.
  2. Press the Return or Enter key, or click the Skip to content button.

The page content scrolls so that the first heading is at the top of the page.

Use the table of contents

The table of contents (TOC) is displayed on the right side of the page and indicates your current position. You can click any item on the TOC to jump to that heading.

Projects have multiple elements you can use to navigate its content. Depending on your device type (or screen size), the location and look of these elements can differ.

The navigation bar (navbar) contains links to major parts of the project.

On desktop devices, the navbar is located at the top of the screen. Some navbar items may contain a drop-down list of links. This list expands when you hover your mouse over a navbar item. Some projects may have multiple products that are displayed when you hover over the Products item.

The sidebar represents the structure and the hierarchy of pages in a project. A project can have a single sidebar with links to all pages, or a main sidebar with additional sidebars for different sections of the project's content.

On desktop devices, the sidebar is located on the left of the page.

Breadcrumbs are a series of links that are displayed above the main content of a page. The links are available only on pages that have at least one level of nesting in the sidebar. The order of breadcrumb links typically reflects the hierarchy in the sidebar: from the top-level page of the project to the currently displayed page.

You can also use the navigation buttons located below the main content of the page. These buttons typically open the next page or the previous page in the order in the sidebar. Some projects may have a custom order for the navigation buttons to guide users through related content.

Switch between products

A project can have multiple products represented by distinct portions of content. Products often have individual sidebars or other navigation elements, and their own visual style.

On desktop devices, if a project has multiple products, the navbar includes a Products item that has a downward-facing arrow next to it.

To switch between products on desktop devices:

  1. In the navbar, hover your mouse over Products.
  2. Select an item from the drop-down list.

The content of the selected product loads and the label of the Products navbar item changes to the name of the selected product.

Switch between versions of a page

Pages that have multiple versions in a project display a version picker above the sidebar. When you first access a page, the page's latest or default version is displayed.

To switch between page versions on desktop devices:

  • Above the sidebar, click the Versions dropdown and select a version from the drop-down list.

The page's content changes to reflect the selected version.

Resources