Add Additional Tabs to Sisense Header Row
Downloads
- Sisense version 7: addButtons-v7.zip
- Sisense version 6: addButtons.zip
Introduction
This article explains how to add additional links to the navigation bar, using a plugin in Sisense.
Purpose/Benefits
Sisense's header pane has 4 default tabs : Data, Analytics, Pulse & Admin. If you wish to add additional tabs to that, you can use the included plugin to add them in.
Steps
The following steps will walk you through the process of adding a translation engine to Sisense.
Step 1 - Add the Plugin
Download the attachment and unzip the contents into:
V7.1 and below - C:\Program Files\Sisense\PrismWeb\plugins\ folder.
V7.2 & up - C:\Program Files\Sisense\app\plugins\ folder.
If the plugins folder doesn't exist, just create it.
Step 2 - Update the buttons.js file
Open up buttons.js, and update it to include any additional links you'd like to display. If your link is to an external URL, make sure to include http:// before the rest of the URL. If it's just to another page in Sisense, you can just add the path to the page. See the below code block for examples of each.
// Add an array to the prism object for additional links prism.extraButtons = [ { link: "http://www.espn.com", label: "ESPN" }, { link: "http://www.cnn.com", label: "CNN" }, { link: "/app/settings#/users", label: "Users" } ]; })
Notes
- UPDATED July 5, 2016 - Added support for Sisense version 6.4
- UPDATED Jan 31, 2018 - Added support for Sisense version 7
- Does not support version 6.7.1.15003
-
Hello,
This is a nice feature and has been very useful however the links do not open in a new tab but rather in the same window. This would be much better if it opening in a new tab rather than the same window as some people may need to navigate elsewhere while staying on the dashboard.
-
@Hemant,
Yes, it is possible. It requires some upgrades for the script's logic though.
There are several ways to achieve that, each one have pros and cons like anything else in the world (:
Feel free to reach out, we do many similar projects for clients and I'd be happy to give you some pointers on how you should implement it
-
Hi Benedict Ji, Hemant Pathare & Orion Newman
The Sisense DevX team had developed a great new API for manipulating the header in a constant and stable way.
You can read about it more in the link below:
https://sisense.dev/reference/js/header.html
We'll be launching a free and officialy supported plugin to the marketplace that does the fufunctionality that is described in this post.
Setting different menu options based on different user groups will be avaialbe in a Premium version of the plugin alond side few other possible enhancents. Feel free to suggest.
We'll be announcing it when it'll be live so feel free to issue me an email if you'de like to get notified when it is live.
Cheers,
Ravid
Paldi Solutions - Gold Certified Partner
-
You need to use the header api for ver 8 ( https://sisense.dev/reference/js/header.html) to achieve this same functionality.
/*************add header ****************/
var header = prism.getApi('api.v1.header');
header.addTab(({id: "cnn", title: "CNN", url: "www.cnn.com"}), "4"); -
Hi Everyone,
We've launched our HeaderManager plugin the marketplace plugin that simply utlize that new API into a simple plugin.
It is free and we will be officaly supproting. Feel free to reach out if you'de like to get access to it.
Please note that it is supported only on Sisense versions that has Header API in place.
Cheers,
Ravid
Please sign in to leave a comment.
Comments
16 comments