Plugin - DisableLogoLink | Add-ons & Plug-Ins

Plugin - DisableLogoLink

Plugin - Disable Link To Sisense Server Homepage In Top Left Logo Icon

This plugin disables the link to the home page of the top left logo in the Sisense UI. The plugin also removes the logo icon being treated as a link on mouse hover. This logo image may be the default Sisense logo or a custom logo icon.

Installation

To install this plugin, download and unzip the attachment. Then drop the disableLogoLink folder into your plugins folder (/opt/sisense/storage/plugins). Enable the plugin on the Add-ons tab in the Admin section, wait for the plugin to build, and the plugin will be enabled. The plugin API can also be used, as well as the file management UI.

Notes

This plugin is a good example of using both custom Javascript and CSS in a Sisense plugin to modify the Sisense UI, using concise code.

The main Javascript file of this plugin uses no external libraries or Sisense-specific events or code and uses the jQuery library that is already loaded in the Sisense UI.

Using two lines of code the link of the top left logo is removed and the mouse hover behavior is modified.

// Disable Link by setting address to null
$(".prism-header__logo").href = null;

// Disable pointer cursor hover to default cursor as logo no longer link
$(".prism-header__logo").css("cursor", 'auto');

The CSS file loaded by the plugin is used to modify the mouse hover behavior further to remove any indication the logo is a link and uses standard CSS parameters and selectors.

/* Disable Pointer link and link cursor via CSS */
.prism-header__logo {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}

The plugin.json file of the plugin is used to load both the Javascript and CSS files, which are placed in separate JS and Styles folders.

{
    "name": "disableLogoLink",
    "source": [
        "js/disableLink.js"
    ],
    "style": [
        "styles/style.css"
    ],
    "lastUpdate": "2024-02-23T00:04:45.445Z",
    "folderName": "disableLogoLink",
    "isEnabled": true,
    "version": "1.0.0"
}

This plugin, which includes both CSS and Javascript functionality, can be used as a basic template for your own Sisense plugins that load custom Javascript and CSS.

How did the plugin work for you? What other type of plugin are you looking to learn more about?

Let me know in the comments!

Jeremy Friedel

Posted 2 years ago·Last reply 2 years ago

Team Lead, Software Engineering of FES SWE at Sisense

1 comment

bamo

·2 years ago

thanks for sharing this