About ViewApp hierarchical navigation
- Last UpdatedJul 17, 2024
- 2 minute read
To incorporate hierarchical navigation into a ViewApp, the following general configuration goals should be considered for your navigation model..
-
Design the hierarchy of your navigation model to show similar content from similar pieces of equipment . For example, if you want to show data from a set of similar pumps, place the associated navigation items at the same sibling level in the model hierarchy. This enables the user to navigate quickly from pump to pump using hierarchical navigation.
-
If you want to design a pane that shows increasingly detailed information from a single navigation item, create a stack or tabbed multi-content pane configured for hierarchical navigation. Place the content in order of detail to the different tabs or layers of the pane. Users can then drill-down through the content to see more detailed information with a simple hierarchical navigation action.
Each pane of a layout can be configured for hierarchical navigation. The following pane properties must configured within the Layout Editor to enable hierarchy navigation.
-
Enable Hierarchy Navigation
This pane property must be set to True to enable hierarchical navigation. The Show Navigation Buttons pane property is hidden unless Enable Hierarchy Navigation property is set to True.
-
Show Navigation Buttons
This property must be set to True to show navigation tabs on the pane at runtime. When enabled, users select the tabs by mouse or touch to to navigate to the next sibling navigation item in the hierarchy or other content in the same pane.
If you want to use another visual element than the default tabs to trigger a hierarchical navigation action, set Show Navigation Buttons to False and create a replacement visual element that supports animation or action scripts. ViewApp Navigation attributes can be used to make hierarchical navigation actions when the user selects the visual element.. See Use navigation attributes in action scripts for a general procedure to incorporate custom hierarchical navigation in a ViewApp.
Touch swipe gestures can be used to trigger hierarchical navigation actions. Set Show Navigation Buttons to False to hide the default hierarchical navigation tabs when a ViewApp is intended to be run on a touch device. On touch devices, swipe indicators appear within the pane that give users visual cues about the current swipe gestures that can be made.