HPE
Design System
Foundation
Components
Templates
Learn
Jump to section
Guidance
When to use
Example
Templates

Ascending Navigation

The Ascending Button for Navigation allows the user to navigate to a parent page from a child page by moving upward in the application or website hierarchy.

When an application’s hierarchy is well designed, the ascending button will typically take the user back to the previous page they came from.

ascending button in an application
Example of an ascending button.

Guidance

  • Follows the default button styling with a "FormPrevious" icon.
  • Displayed below the Header and aligned to the left with the pages content.

When to use

  • To allow users to return to the parent (hub) screen when on a details (child/spoke) page.
  • To visually communicate the parent page for the user’s current page.

Example

Ascending Navigation provides an easy way for a user to move from a child page up to a parent page.

1
2
test
test
1. A preview of Users detail view (child page).
2. A preview of Ascending Navigation to the parent page utilizing the ascending button.

Related

Related content you may find useful when using Ascending Navigation.

HPE Navigation Preview
Templates

Navigation

The entry point for the expansive topic of Navigation.
Side-to-Side Navigation Preview
Templates

Side to Side Navigation

Allows users to access sibling screens sequentially from the same level of the hierarchy.
HPE Lists Preview
Templates

Matrix Navigation

Matrix Navigation is not a path that you can define for the user, rather the user defines it themselves.
HPE Dashboards Preview
Templates

Drill Down Navigation

Allows users to progressively descend 'down' branches of a hierarchical tree into a child screen to drill down into more granular details.

Still have questions?

Something missing or looking for more information? Get in touch to help make the HPE Design System better.

Edit this page