Trigger hierarchical navigation actions

During runtime, users can use a mouse, a keyboard, or touch gestures to trigger hierarchical navigation actions.

Mouse

When the user clicks once on a navigation Item, the item is selected and its hierarchical commands are triggered. Clicking once on a hierarchical navigation tab within the inner border of a pane triggers the pane's navigation action.

Keyboard

Users can press keyboard up, down, left, or right arrows to move to different navigation items in the hierarchy. Pressing Enter triggers the hierarchical action associated with the selected item.

Touch

Users tap a hierarchical navigation item to select it. If a pane is enabled for hierarchy navigation, users can swipe up to move to the previous sibling navigation item in the hierarchy. Swiping down moves to the next sibling item in the hierarchy. The pane shows swipe indicators to indicate the current valid swipe gestures within the pane and a count of how many pieces of previous sibling or next sibling content exists within the navigation item.

Layout panes can be filled with content using Auto-Fill mode. In a single layout the visible pane content can originate from different navigation items. Using hierarchy navigation in any pane uses the specific navigation item for the swiping behavior that placed that original content in the pane.

When a multi-content pane has hierarchy navigation enabled, the first content placed into the pane determines the navigation item, which may place future pieces of content into the pane. This ensures the multi-content pane only holds content coming from a single navigation item. With this restriction, an up down swiping behavior is not contingent on the content which is visible to the user, reducing confusion about the final navigation item after a swipe gesture to the next or previous sibling item.

When a multi-content pane is populated with multiple pieces of content, users can utilize content navigation to move through the multiple pieces of content in the pane. Swiping left in the pane moves to the previous sibling content. Swiping right moves to the next sibling pane content.