1

Do you have any design-related questions or suggestions? We'd love to hear from you.

Please contact Wuiman to discuss your ideas.

John Doe

Navigation

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.

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:

  1. Cancel the user remains on the respective page
  2. 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.