Add custom navigation to a ViewApp
- Last UpdatedDec 06, 2024
- 2 minute read
This topic describes the general steps to incorporate custom navigation into a ViewApp using a simple example of replacing the entire default navigation model with a set of custom navigation items.
The ViewApp Editor includes custom navigation commands shown on the menu bar.
|
Add |
Adds a custom navigation item as a child of the current selected item in the navigation model. |
|
Add Sibling |
Adds a custom navigation item as a sibling of the current selected item in the navigation model. Sibling items are at the same level within a navigation hierarchy. |
|
Remove |
Removes the selected navigation item and all child items beneath it in the navigation hierarchy. |
|
Rename |
Select to rename the current selected item. A blue background behind the current item name indicates the item can be renamed by typing over the current name. |
The following procedure describes how to use these commands to create custom navigation items and associate content to them. See Configure properties for custom navigation items for a description of the steps to configure the properties of a custom navigation item.
To add custom navigation to a ViewApp
-
Create a ViewApp that includes a layout with a NavTree control that shows the hierarchy of default navigation items.
-
Select the immediate navigation item beneath the root item shown in the Navigation area of the ViewApp Editor.
-
Select Remove from the menu bar of the ViewApp Editor.
-
Select Yes to confirm that you want to remove navigation items.
-
Click Add from the menu bar to add a custom navigation item.
The navigation item appears beneath the root as a child item. Blue text indicates the navigation item can be renamed.
-
Rename the item you added.
-
Select the custom navigation item you added.
-
Select the Toolbox or Assets tab to show their respective lists of graphics or objects.
-
Select a graphic or object that you want to associate with the custom navigation item and drag it to the pane you want to show this content when the custom navigation item is selected during runtime.
The Actions list updates to show the content you associated with the custom navigation item.
-
Repeat these steps to build a complete navigation model with custom navigation items.
For information about configuring pane properties containing custom navigation content, see Configure properties for custom navigation items.