Dashboard Navigator

Designed for organizations managing multiple dashboards across departments, regions, or business units, Dashboard Navigator allows end users to move between dashboards without breaking context or losing their current filter state and keeping the experience fluid and uninterrupted. Dashboard designers can organize dashboards into logical groups with one or two levels of hierarchy, apply custom styling, and collapse the native Sisense sidebar entirely, resulting in a cleaner, more polished interface. Whether you're building an internal analytics portal or a customer-facing embedded deployment, Dashboard Navigator transforms complex dashboard ecosystems into an intuitive, seamless experience.

Notion image
📄

Release Notes for the Dashboard Navigator can be found here.

Installation and configuration

The Dashboard Navigator plugin can be installed by an Admin, following the directions in Installing QBeeQ Plugins.

Operating system and version support:

  • Linux - Latest
  • Windows - Latest

Creating a new Dashboard Navigator widget

Creating a Dashboard Navigator widget generally involves:

  • Configuring the layout
  • Configuring each group's title, target dashboard, and filters (see group settings)
  • Saving and copying the widget to all relevant dashboards

Layout settings

The Layout section controls the structure and display type of the navigation widget.

Setting
Description
Behavior
Single layer
Linear navigation where each group links directly to one dashboard.
Only group-level controls are shown. Clicking a group navigates directly to a dashboard.
Double layer
Hierarchical navigation where groups contain a second level of tabs, each linking to a dashboard.
Group controls appear at the top level. Clicking a group reveals a secondary row of tabs, each linked to their own dashboard.
Groups
The number of top-level navigation elements (0–10).
Each group has a title, a target dashboard, and optional filters.
Buttons/Links/Tabs
The visual style of the navigation controls.
Only visible in double layer mode when the parent group is active.
Target Dashboard Scope
Sets the scope for the dashboard picker to limit the list of dashboards
All: includes and shows all dashboards the Designer has access to Current folder (default): Includes dashboards from the current folder as well as dashboards from its subfolders. Root only: includes dashboards at the root level (those not inside any folder) Subfolder only: includes all dashboards inside folders, excluding root-level dashboards

Group settings

Each group has the following fields, available in both single and double layer.

💡

Groups can be reordered by dragging the handle (≡) on the left of each group row

Field
Description
Notes
Title
The label displayed on the navigation element.
Target Dashboard
The dashboard used for navigation, use the dashboard picker to select the dashboard that should be active first when this group is selected (typically the first tab's destination).
Do not use the same dashboard ID more than once within a single Dashboard Navigator widget. If you need to link to the same dashboard more than once, duplicate the target dashboard and use the duplicate's ID. Exception: In double-layer mode, it is valid to use the same ID for a top-level group and one of its sub-level tabs.
Filters
The filters to apply when navigating to the target dashboard. Enter filter names exactly as defined on both dashboards, separated by commas. Enter all or ALL to pass all active filters.
⚠️ Filters listed here must exist on both the source dashboard and the target dashboard. Filter names must match exactly on both dashboards.

Selecting a target dashboard

Target dashboards are configured using the dashboard picker, accessible from the Target Dashboard field on each group or tab.

State
Description
Behavior
No selection
No target dashboard is selected
Displays helper text "Select a target dashboard" and an Add button to open the dashboard picker.
Selection active
The selected dashboard's name
If the name is too long to fit, it is truncated. Hover over the name to see the full title in a tooltip.
Unresolvable ID
The ID of the previously selected dashboard can no longer be found
The raw dashboard ID (instead of the dashboard name) is displayed with a ⚠ Dashboard not found message The edit and clear icons remain available so the selection can be replaced or removed

The dashboard picker modal displays all dashboards you have access to, sorted alphabetically. Type any part of a dashboard name to filter the list in real time. The search is case-insensitive and matches partial names. If no dashboards match your search, a "No results" message is shown.

💡

If you are not seeing the dashboards that you expect to see, check the Target Dashboard Scope setting under Layout

  • Dashboards with unique names are shown with their name only.
  • Dashboards that share a name with another dashboard show their folder path beneath the name (e.g., _QBeeQ_Demo_for_QA > Data Viz > Advanced Box and Whis...). This helps you distinguish between dashboards with identical titles that live in different folders.If you are not seeing the dashboards that you expect to see, check the Target Dashboard Scope setting to ensure it is set correctly.

If you have a currently active selection when you reopen the modal, that dashboard is highlighted in the list.

Notion image

Single-layer Dashboard Navigator widget

A single-layer navigator allows linear navigation between dashboards. Each group maps to one destination dashboard. To create a single-layer Dashboard Navigator widget:

  1. Add a QBeeQ Dashboard Navigator widget to your dashboard
  1. In the design panel, expand the Layout section:
    1. Select Single layer
    2. Enter a value in Groups
    3. Choose Buttons, Links, or Tabs
  1. For each group:
    1. Enter the Title of the group
    2. Use the dashboard picker to select the dashboard that should be active first when this group is selected (typically the first tab's destination).
    3. Apply filters as needed (optional)
  1. Configure the Group Style (see Group Style)
  1. Save the widget
  1. Copy the widget to all other dashboards that should display the navigator

Double-layer Dashboard Navigator widget

A double-layer navigator adds a second level of navigation. Groups appear as the top layer; clicking a group reveals its tabs in a row below. To create a double-layer Dashboard Navigator widget:

  1. Add a QBeeQ Dashboard Navigator widget to your dashboard.
  1. In the design panel, expand the Layout section:
    1. Select Double layer
    2. Enter a value in Groups
    3. Choose Buttons, Links, or Tabs.
  1. For each group, enter:
    1. Title
    2. ID of the dashboard that should be active first when this group is selected (typically the first tab's destination)
    3. Filters (optional)
  1. After the groups are configured, a dedicated section for each group appears at the bottom of the design panel, labeled with the group's title. In each group section:
    1. Set the number of Tabs.
      1. For each tab, enter a Title and ID
    2. Configure Group Style and Tab Style (see Style Settings)
  1. Save the widget
  1. Copy the widget to all other dashboards that should display the navigator.

Tab settings

💡

Tabs within a group can be reordered by dragging using the handle (≡) on the left of each tab row.

Field
Description
Notes
Tabs
The number of tabs within this group (1–10).
Title
The label displayed on the tab.
Target Dashboard
The dashboard used for navigation, use the dashboard picker to select the dashboard that should be active first when this group is selected (typically the first tab's destination).
use the dashboard picker to select the dashboard that should be active first when this group is selected (typically the first tab's destination) Do not use the same dashboard ID more than once within a single Dashboard Navigator widget. If you need to link to the same dashboard more than once, duplicate the target dashboard and use the duplicate's ID. Exception: In double-layer mode, it is valid to use the same ID for a top-level group and one of its sub-level tabs.

Style settings

Group style

Applies to the top-level group controls. Available in both single and double layer.

Setting
Description
Notes
Color
Sets the background color for buttons or tabs
⚠️ Not supported for links
Border radius
Defines the roundness of the button corners in pixels.
⚠️ Not supported for tabs or links
Font size
Specifies the font size of the button, tab or link text.
Font color
Specifies the color of the the button, tab or link text.
Font style
Specifies the font styling of the the button, tab or link text.
Uses standard CSS and supports normal, italic, or oblique face. Font style reference
Font weight
The weight of the font displaying text.
Uses standard CSS. Font weight reference
Font family
Specifies the typeface to be used for text
When toggle set to active, the font will reads from the Sisense theme. When disabled, an input is shown to accept a custom font family. Uses standard CSS. Font family reference
Active group
Sets the background color for buttons or tabs for active dashboard.
If the links is selected then it applies as a font color for active dashboard.

Tab style

Applies to the second-level tab controls. Only visible when the double layer is enabled.

Setting
Behavior
Color
Sets the background color for buttons or tabs.
⚠️ Not supported for links
Border radius
Defines the roundness of the button corners in pixels.
⚠️ Not supported for tabs or links
Font size
Specifies the font size of the button, tab or link text.
Font color
Specifies the color of the the button, tab or link text.
Font style
Specifies the font styling of the the button, tab or link text.
Uses standard CSS and supports normal, italic, or oblique face Font style reference
Font weight
The weight of the font displaying text.
Uses standard CSS. Font weight reference
Font family
Specifies the typeface to be used for text
Uses standard CSS. Font family reference
Active group
Sets the background color for buttons or tabs for active dashboard.
If the links is selected then it applies as a font color for active dashboard.

Embedded settings

The Dashboard Navigator can open target dashboards in an embedded view, keeping the viewer within the current page context rather than navigating away. This is useful for avoiding the display of the Sisense native navigation panel, or for hosting dashboards in external environments.

Setting
Description
Behavior
Embedded
Enables embedded mode.
The target dashboard loads inline rather than navigating away.
Model
Defines the permissions available on the embedded dashboard.
View: all users can view the dashboard. Designers can resize and perform dashboard/widget actions. Design: users with edit permissions in Sisense can edit the dashboard and widgets directly. Viewer users cannot edit, even in Design mode.
Show right panel
Show or hide the Sisense native filter panel to the right of the dashboard.
Show left panel
Show or hide the Sisense native navigation panel to the left of the dashboard.
Show toolbar
Show or hide the dashboard toolbar.
Show header
Show or hide the environment header.

Troubleshooting

"Dashboard not found" warning on a target dashboard field

The plugin saved a dashboard ID that it can no longer resolve to a name. This typically happens when:

  • The target dashboard was deleted after the widget was configured.
  • The target dashboard was moved or its ID changed.
  • The widget was copied from another environment where the dashboard existed.

Click the pencil icon next to the raw ID to open the dashboard picker and select a valid replacement. If the original dashboard still exists, search for it by name to confirm it appears in the list. If it does not appear, the dashboard may have been deleted, or you may not have access to it.

A group or tab doesn't appear in the widget

The plugin only renders a navigation element if it has both a Title and a Target dashboard set. If either field is empty, the element is silently skipped.

Open the design panel and verify that every group and tab intended to be visible has both a title and a target dashboard configured.

Clicking a navigation element (button, link, or tab) and nothing happens

This usually means the target dashboard field is empty for that element. It can also happen if the saved dashboard ID is invalid and runtime navigation fails silently.

In the design panel, check the target dashboard field for the affected group or tab. If it shows "Select dashboard…" or a ⚠ warning, reconfigure it using the dashboard picker.

Filters are not being applied on navigation

Filter pass-through requires that the filter names configured in the Filters field match exactly on both the source dashboard and the target dashboard. Common causes of mismatch include:

  • A filter name is spelled differently on one of the dashboards.
  • The filter exists on the source but not on the target.
  • The Filters field was left blank or contains an unrecognised name.

To resolve:

  1. Check the Filters field for the affected group or tab. Confirm the entries match the filter panel names on both dashboards exactly, including capitalisation.
  1. To pass all active filters without specifying names, use all or ALL in the Filters field.
  1. If a filter only exists on the source dashboard, it cannot be passed to the target — it must be added to the target dashboard first.

Circular navigation (widget navigates back to the same dashboard)

The plugin does not detect or prevent circular navigation. If Dashboard A has a navigator pointing to Dashboard B, and Dashboard B has a navigator pointing back to Dashboard A, a viewer can navigate in circles indefinitely.

Review your navigation structure and ensure that it flows in one direction only, or that dashboards intended as destinations do not link back to their referrers. If you need a dashboard to appear as a destination in multiple navigators, consider whether a "home" or "back" link is more appropriate than a full circular route.

The same dashboard is used as a target more than once in the same widget

Navigation behaves unexpectedly, or the active state highlights incorrectly when the same dashboard ID appears on multiple groups or tabs within a single widget.

The plugin uses the dashboard ID to determine which group or tab is currently active. If the same ID appears more than once, the active state logic may match multiple elements simultaneously, leading to unpredictable highlighting.

Do not assign the same dashboard ID to more than one group or tab within a single Dashboard Navigator widget. If you need multiple navigation elements that logically point to the same content, duplicate the target dashboard in Sisense and use each copy's unique ID for the respective element.

Exception: In double-layer mode, it is valid for a group's target dashboard ID to match the first tab beneath it. This is an intentional pattern for setting the default tab when a group is activated.

The dashboard picker list is empty or fails to load

Opening the dashboard picker modal shows no dashboards, a loading spinner that does not resolve, or an error message.

The picker fetches the dashboard list from the Sisense API (GET /api/v1/dashboards) each time the modal opens. If the request fails or returns no results, it may be due to:

  • A temporary network or API error.
  • The authenticated user having no accessible dashboards.
  • A Sisense session that has expired.

Click the retry option shown in the error state. If the problem persists, refresh the page to renew your Sisense session and try again. If the list loads but your expected dashboard is missing, confirm that your Sisense user account has access to that dashboard.

Did this answer your question?
😞
😐
🤩

Last updated on August 6, 2021