Customizing the Sidebar Menu

The sidebar menu is located on the left side of your screen when you enter a NavVis IVION Site . With the sidebar menu, you can navigate and work in a site.

The Sidebar Menu API allows you to customize standard features of the sidebar menu. For example, you can remove or add menu items, create custom callbacks, or create a custom inlet webpage. The Sidebar Menu Service API also includes methods f...

The sidebar menu is constructed using a plain  JavaScript array . This means that you can use all of the standard array methods. Sidebar Menu Items The array contains a list of sidebar menu items. These are clickable menu items that eith...

Procedure In  ./src , create a file named   SidebarMenuModifier.ts ├── package.json ├── src │ ├── SidebarMenuModifier.ts <---- │ ├── image │ │ ├── favicon.ico │ ├── index.html │ ├── index.scss │ ├── index.ts ├── tsc...

Follow these steps to create three icons. These demonstrate different ways of using the available icon info objects. Procedure Create an icon info object that uses a PNG image as an icon. The image path is the URL path that the web browser use...

Follow these steps to create three menu items . The first menu item uses a callback to trigger custom logic. The second menu item uses a template as its content. The final menu item uses the other menu items as sub-menu items. Procedure...

Follow these steps to remove standard menu items and add custom menu items/ Procedure Retrieve and remove the standard sidebar menu items except for the login menu, add a  rootMenuItem and configure the sidebar menu to open automatically w...

If you are using NPM and Webpack, you will need to configure them to move the static HTML templates into the directory where files are served. Procedure Open  package.json  from the root project directory and add   copy-webpack-...