Summary
The wui-panel-nav is independent of the platform's menu and, as the name suggests, is based on the wui-bs-panel. We use the subnavigation to give the user a better overview of very complex items.
Related pages
Stable
Feel free to use this component. It has been tested and is already live in production. Anyways – if you find a problem with this component let me know. You can contact me via slack, email (tjaeger@wescale.com) or personally.
Subnavigation
Most likely you will find the subnavigation on item level. To provide a better overview, it divides very large items into several small subsections. Each subsection is in turn treated as an independent item.
That means: Within a subsection there may be a stand-alone form. In this case the form will also have the corresponding primary action in the sticky-header ("Update xyz“ where xyz is the name of the current menu item).
Within a subsection there may also be an overview table from which items can be edited or newly created. In this case the primary action in the sticky header would be "New xyz" followed by the corresponding detail page/header-action.
Each of these subsections must be saved before the user moves to another one. If a user changes the subsection without saving, a modal opens with two possibilities:
- Cancel the user remains on the respective page
- Discard changes the user leaves the page without saving the changes
Since this menu is mostly used on item level, we try to keep the navigation as flat as possible. Even if the component offers a second level, the rule is:
Better a long list of menu items than nesting them.