Creating Dashboard Tabs

A Dashboard can have many tabs, by default Home tab gets created on creating a dashboard. Dashboards app

Creating New Tab

To create a new tab, user can click on the Edit icon present at the top of the dashboard header.
Dashboards app User can click on the New Tab button present at the bottom of the dashboard sidebar.
Dashboards app On Clicking a modal will be opened as shown below.
Dashboards app Tab has a name and a icon associated to it which user can select from a list of icons. Dashboards app On clicking save button, a new tab(Gas station) will be created. Dashboards app

Edit Tab

To edit tab, user can click on the Edit icon present at the top of the dashboard header.
Dashboards app Once user hover over the tab name a popover will be shown, user has to select first edit icon from popover
Dashboards app After clicking on a edit icon modal will be opened as shown below.
Dashboards app User can change Name and Icon form the modal. Dashboards app On clicking save button, a name and icon changes are done. Dashboards app

Duplicate Tab

To edit tab, user can click on the Edit icon present at the top of the dashboard header.
Dashboards app Once user hover over the tab name a popover will be shown, user has to select second copy icon from popover
Dashboards app After clicking on a edit icon modal will be opened as shown below.
Dashboards app User can duplicate tab in same as well as in other dashboard as tab or as subtab.
In below modal user has to fill

  1. Tab Name
  2. Targeted Dashboard
  3. Targeted Dashboard’s Tab (If user wants to duplicate tab as subtab in targeted dashboard) Dashboards app On clicking save button, tab is duplicated in targeted dashboard.

Creating Subtab

To create a subtab, user can click on the Edit icon present at the top of the dashboard header.
Dashboards app Once user hover over the tab name a popover will be shown, user has to select third add icon from popover
Dashboards app On Clicking a modal will be opened as shown below.
Dashboards app Tab has a name and a icon associated to it which user can select from a list of icons. Dashboards app On clicking save button, a new subtab will be created in selected tab
Dashboards app

Delete Tab

To create a subtab, user can click on the Edit icon present at the top of the dashboard header.
Dashboards app Once user hover over the tab name a popover will be shown, user has to select fourth delete icon from popover
Dashboards app On Clicking a delete icon the tab will be deleted.

Responsive Layouts

To make your panel responsive accorss different size devides, Click on dashboard edit icon.
Dashboards app Once the dashboard switched into editing mode, responsive icon will be visible as shown below, Click on it
Dashboards app On Clicking the icon user can see 4 different layouts namely TV, Laptop, Tablet, Mobile
User can adjust weights as they want on different resolution scree.

  • TV Layout Dashboards app
  • Laptop Layout Dashboards app
  • Tablet Layout Dashboards app
  • Mobile Layout Dashboards app