Breadcrumb Navigation Overview

It improves navigation continuity, reduces context loss, and aligns UI navigation with user navigation intent.

The breadcrumb navigation preserves the user’s navigation context by tracking history across breadcrumb-enabled pages, maintaining navigation state across contextual flows, and reducing unnecessary page reloads and context loss. This behavior ensures continuity when navigating between list views and detail views.

The breadcrumb navigation aligns with navigation history by recording visits to breadcrumb-enabled pages, generating history entries that reflect the actual navigation context, and maintaining consistency between breadcrumb labels and history paths.

Breadcrumb Trail Icons

Breadcrumb Icon	Description and Usage
	Recent locations - History entries are ordered with the newest entries at the top; clicking the icon displays the last five entries.
	Back control - A contextual back control allows you to return to the previous page without manually reconstructing the navigation path. The back control is displayed as an icon before the breadcrumb navigation path. When navigation originates from a different path, it returns you to the corresponding page and displays the full navigation path (including entity names and sub-tab context) when you hover over it.

The following Access Control workflow example illustrates breadcrumb navigation access to hierarchical pages and tabs within the RUCKUS One interface and assumes at least one Access Control Policy has been configured.

When you select Network Control > My Services from the RUCKUS One menu, the system displays the My Services page. Select Access Control; the resulting page displays the Wi-Fi tab by default. Click the Device & OS sub-tab to display your device and OS policies.

The breadcrumb navigation path reflects the current page hierarchy to the first-level tab, while the selected tab and sub-tab define the active view within the Access Control context.

Breadcrumb Navigation Path - Access Control Page - Wi-Fi tab

The Recent locations panel (accessible by clicking ... in the breadcrumb trail) displays a history of user navigation paths, including tab and sub-tab context. Each entry represents a previously accessed page.

Breadcrumb Navigation Path - Recent Locations

The back control returns you to the previously visited page without requiring you to reconstruct the navigation path. It displays the full navigation path on hover (including entity name and tab or sub-tab context) and follows the actual navigation path taken rather than the static hierarchy.

Breadcrumb Navigation Back Control - Returning to the Previous Page

RUCKUS One maintains navigation history by storing and displaying recent paths in a structured manner. It displays the last five recent root paths for quick access and stores up to 20 records in session storage. Only pages that include breadcrumb navigation are recorded (for example, an Edit page will not be displayed in the Recent Locations list).