Add a navigation bar or navigation tree

Add a navigation bar or navigation tree to allow viewers to navigate between the navigation items in the experience. The navigation model side panel that appears in the experience designer is not available when running an experience, so users cannot navigate past the root navigation item unless a navigation method is added.

The navigation bar and navigation tree are content items in the Other category. They are only available in experiences; they aren't available in visualizations.

• Navigation Bar: Provides a compact view of items in the experience's navigation model. It can be set to allow navigation through the full navigation model (minus the root navigation item), or only the immediate children of the current item.

• Navigation Tree: Displays the experience's navigation model in a tree format. It displays the complete hierarchy (with or without the root navigation item).

It is recommended to add a navigation bar or tree to a pane on the root navigation item, and have this auto-fill to child navigation items.

Add a navigation bar

1. Select the pane to add the content to. A slide-in pane is recommended.

2. Select Add content near the top of the page.

3. In the Other content category, select Navigation Bar.

4. Configure the properties as follows:

   • Enable asset context: Disregard this field; it is not used.

   • Full Navigation: Show the full navigation model.

   • Immediate Children Only: Only show immediate children of the current navigation item.

   • Fixed Path: Start the navigation from a specific navigation item. Enter the full path of the navigation item with a forward slash (\) between parent and child items. For example: Home\NavigationItem1

   • Orientation: The orientation of the bar.

   • Display: Display the navigation items as labels, icons, or labels with icons.

   • Icon Size: The size of the icons displayed in the navigation table. This doesn't have an effect if Display is set to Labels only.

   • Font Color: The color of the font for navigation item labels.

   • Font Size: The size of the font for navigation item labels.

   • Selected Color: The highlight color when an item is selected in the navigation bar.

Add a navigation tree

5. Select the pane to add the content to. A left or right slide-in pane is recommended.

6. Select Add content near the top of the page.

7. In the Other content category, select Navigation Tree, then select Select.

8. Configure the properties as follows:

   • Show root node: Show the root navigation item.

   • Font color: The color of the font for navigation item labels.

   • Font size: The size of the font for navigation item labels.

   • Selected color: The highlight color when an item is selected in the navigation tree.