Disabling navigation hover UI for viewer users in Sisense

Summary: Michalis Gregoriou shared feedback about extending but not shrinking the navigation bar with a plugin for Sisense. Jeremy Friedel responded with an updated version of the plugin that addressed this issue in internal tests. Michalis Gregoriou confirmed that the updated version resolved their issue.

What the Solution Does

The RemoveNavigationHoverAndMenu plugin simplifies the Sisense navigation for viewer users by:

Hiding the three-dots “more” menu in the left navigation.
Hiding the dashboard metadata tooltip that appears on hover.
Preventing hover-triggered UI behavior, so menus and tooltips do not activate.
Leaving the default navigation fully intact for admins and authors.

The plugin automatically detects the user’s base role (prism.user.baseRoleName) and applies these changes only for viewers. It uses scoped JavaScript and CSS to remove the unwanted hover interactions without modifying Sisense core files or affecting navigation performance.

How it works:

Viewer-only condition: Runs only for viewer users (where prism.user.baseRoleName === "consumer").
Hover interception: Capture-phase event listeners block hover tooltip appearance
Scoped CSS: Injects a short style block to hide hover UI elements and remove tooltip styling.

Installation:

Download RemoveNavigationHoverAndMenu.zip.
Extract the folder RemoveNavigationHoverAndMenu into your Sisense plugins directory:/opt/sisense/storage/plugins/Alternatively, upload it through Admin > System Management > File Management to the plugins folder.
Refresh dashboards or restart Sisense to activate the plugin.

Verification:

Log in as a viewer user.
Hover over dashboards or folders in the left navigation.
Confirm the three-dots menu and metadata tooltip no longer appear.
Log in as an admin and confirm the navigation behaves normally.

Files included:

RemoveNavigationHoverAndMenu/plugin.json
RemoveNavigationHoverAndMenu/main.6.js
RemoveNavigationHoverAndMenu/README.md

Why It’s Useful

Simplifying the Sisense interface for viewer users creates a cleaner, more focused environment that emphasizes content rather than controls. By removing hover-based menus and tooltips for viewers while preserving them for admins, this plugin improves usability without compromising functionality.

This approach also supports governance and user-experience goals:

Governance: Viewers no longer see or interact with features they do not need.
Consistency: Admins and authors retain their full toolset for management tasks.
Stability: The plugin modifies only the UI layer and requires no changes to data models or access permissions.

With this small enhancement, organizations can deliver a more streamlined viewing experience while maintaining full control for those managing dashboards and content.

Outcome

After installation, viewer users experience a simplified left navigation that shows only essential content. The three-dots menu and dashboard metadata tooltip are removed, and hover-based interactions no longer trigger any UI overlays. Admins and authors retain the complete navigation behavior, ensuring full functionality for management and editing tasks.

The result is a cleaner, more predictable interface for viewers and a consistent, role appropriate experience across the Sisense environment.

Hover Before Change (for viewers):

Dashboard metadata sidebar showing details: Name "BloX Example," Owner "Jeremy Friedel," email obscured, creation and modification dates, and data source as "Sample ECommerce."

Hover After Plugin (for viewers):

The image shows a list of files named "CopyOfECommerce" with sequential numbers in parentheses from 2 to 7, indicating multiple file duplicates.

Three Dot Menu Before Change (for viewers):

Dashboard menu showing options like "BloX Example," "Column Chart," and "Dashboard - URL Parameters." A dropdown with "Private" and export options is open.

Three Dot After Plugin (Is not visible, for viewers):

List of folders labeled "CopyOfECommerce" followed by numbers 2 to 7, displayed in a vertical sequence, suggesting organized document copies.

Side-by-Side Comparison Before and After Comparison:

File navigation interface showing multiple folders labeled "CopyOfECommerce" with numbers in parentheses. A sidebar shows details for CopyOfECommerce (2).

Jeremy Friedel

Posted 9 months ago·Last reply 3 months ago

Team Lead, Software Engineering of FES SWE at Sisense

4 comments

Michalis Gregoriou

·6 months ago

Tested on versions L2025.4 & 2026.1.0-d

Excellent plugin JeremyFriedel !

Michalis Gregoriou

·3 months ago

Hey@Jeremy Friedel ,

There is one feedback regarding this plugin that I would like to share with you!

As a user, I noticed that I am able to extend (stretch) the navigation bar (on the Right), but I am not able to "shrink" it (on the Left).

Do you think that this is something that can be resolved?

Jeremy Friedel

OP3 months ago

Hi @Michalis Gregoriou ,

The version of the plugin attached below avoids this issue in testing on internal Sisense servers on the latest Sisense version.

/**
 * Sisense Navigation (left sidebar): disable hover menus/tooltips for viewers.
 *
 * What this does
 *   - Injects scoped CSS that hides the three-dots menu, hover-revealed
 *     elements, and the dashboard metadata tooltip in the nav tree.
 *
 * Where it applies
 *   - Only inside elements with class ".navver-main-box".
 *   - Only for viewers (baseRoleName === "consumer").
 */

prism.run([
  "$http",
  function ($http) {

    (function () {
      const userRole = prism.user.baseRoleName;
      if (userRole !== "consumer") return;

      // Global guard so this script does not install twice
      if (window.NavverHoverBlocker?.__installed) return;
      window.NavverHoverBlocker = window.NavverHoverBlocker || {};
      window.NavverHoverBlocker.__installed = true;

      const STYLE_ELEMENT_ID = 'navver-hover-blocker-style';

      // CSS injected for viewers only (scoped to the nav area)
      const CSS_TEXT = `
/* Sisense left navigation: suppress hover menus and tooltips */

/* Core targets */
.navver-main-box .navver-menu,
.navver-main-box .show-options-on-hover,
.navver-main-box [data-ng-if="showTreeDotMenu"] {
  display: none !important;
}

/* Item hint tooltip include */
[data-ng-include="'/views/navver/itemhint.html'"],
[data-ng-include="/views/navver/itemhint.html"],
[data-ng-include$="navver/itemhint.html"],
[data-ng-include*="navver/itemhint.html"] {
  display: none !important;
}

/* Hide when :hover tries to reveal the menu */
.navver-main-box .list-item:hover .navver-menu,
.navver-main-box .list-item:hover .show-options-on-hover,
.navver-main-box .list-item:hover [data-ng-if="showTreeDotMenu"] {
  display: none !important;
}

/* Tooltip host: remove box shadow only for the item hint tooltip */
.tipper-host.hint-dpi:has([data-ng-include*="navver/itemhint.html"]) {
  box-shadow: none !important;
  background: transparent !important;
  border: 0 !important;
}

/* Some tooltip themes draw arrows with pseudo-elements */
.tipper-host.hint-dpi:has([data-ng-include*="navver/itemhint.html"])::before,
.tipper-host.hint-dpi:has([data-ng-include*="navver/itemhint.html"])::after {
  display: none !important;
}
      `.trim();

      // Inject the CSS once into <head>
      function injectCssOnce() {
        if (document.getElementById(STYLE_ELEMENT_ID)) return;
        const styleEl = document.createElement('style');
        styleEl.id = STYLE_ELEMENT_ID;
        styleEl.type = 'text/css';
        styleEl.textContent = CSS_TEXT;
        document.head.appendChild(styleEl);
      }

      injectCssOnce();
    })();
  }
]);

{
    "name": "RemoveNavigationHoverAndMenu",
    "source": [
        "main.6.js"
    ],
    "style": [],
    "lastUpdate": "2026-04-30T18:46:05.384Z",
    "pluginInfraVersion": 2,
    "isEnabled": true,
    "version": "1.0.1",
    "folderName": "RemoveNavigationHoverAndMenu"
}

Michalis Gregoriou

·3 months ago

@Jeremy Friedel thanks for the updated version. It works for me as well!