The top half of the side menu bar of the Datav is customizable, so you can customize the menus of your website.
Each team can customize its own side menu bar. The team's custom menu bar is private by default, but you can make it public so everyone can use it.
And you might wonder, what's the benefit? Imagine that we're going to do a monitoring platform, and there are two categories of monitoring: application monitoring and infrastructure monitoring, where application monitoring is the focus of development,infrastructure monitoring is the focus of operations.
so you can create a side menu for the operations team. When operations use Datav, they will see the menu item related to infrastructure by default, and they can switch to application monitoring menu item to view the application monitoring content.
When your company is large, custom menus can be very convenient and you only need to deploy and manage only one Datav.
Home
, actually everybody has visited this menu itemIn the left panel we can update the current menu item. The Dashboard UID is a string ID type unique to each dashboard, which can be customized to change. With the Settings here, we can associate the menu item with our dashboard one-to-one
The Home
dashboard is associated currently.
The Icon name is used to set the menu item Icon, find more icons in Unicons.
The menu item name is the name displayed in the side menu, which can be different from the name of the dashboard itself.
Menu url specifies that the menu item is to access the url, for example: the current setting is/home, so when the user clicks on the menu item, will jump to http://localhost:3001/home for a visit.
Note that this URL cannot be duplicated and cannot use a URL that Datav has preoccupied
With the background information finished, let's update the current menu item:
apps
Apply Monitoring
/apps
Submit
and close the panelUpdate
Now refresh the page, and you can see that the menu item in the side menu has changed, hover the mouse over it, and then visit to see the effect.
Continue to the menu item configuration panel, now focus to the right panel Add a new menu item next to the menu item Application Monitor
, because we want to create a second level menu for Application Monitor
Dashboard UID: XXXX
prompt. Copy XXXXESC
to close the search panel and paste the UID you just copied into 'Dashboard UID'Analytics
for the Icon nameApplication Analysis'\
for the menu item name/analytics
hereIn menu management, you can swap positions with other menus by dragging the line.
Now that we have successfully modified the menus for the Global team, the next step is to see how users can use them
Select the side menu User -> Preferences to select the menu from the Advanced Settings. Remember, you can only select the following menu:
To make the menu more flexible, Datav supports setting the menu by URL. Remember the menu ID of the Global team? If not, go back and look at it :)
Now add the following string ? Sidemenu =2
, try to access it, if it is wrong, it is correct, because we have not created any other menu, i.e. the menu with id 2
.
Now visit ? Sidemenu =1
, everything is fine, because the global team's menu id is 1
.