The Tabber Widget Switcher Plugin

Comments

68 comments

  • Avatar
    Jayesh Vaswani

    I am having an issue where I have added the widget but adding the tabber I am not able to edit the tabber widget. If I want to add more widgets to the tabber control it does not allows me to do it. 

    2
    Comment actions Permalink
  • Avatar
    BI Reporting (Edited )

    Latest released 01/2017 version conflicts with PDF download functionality. We are currently on V6.5.2.11007 and whenever we try PDF download of a dashboard with Tabbers, it gives "Error:Can't find variable:left at  at http://localhost:8081/js/common.js?g=gofocobbAAc:61:1506 at forEach([native code]) at trigger...." So can you provide a fixed version or share link of latest version.

    2
    Comment actions Permalink
  • Avatar
    Rolf Brandes

    Hi everyone,

    I've been using Tabber for a little while now and I love this plugin. But I find it's a bit difficult to manage the script when you have more than two tabs. I'm not a Javascript expert at all but after a little experimenting I came up with the following code to make managing the different tabs a little easier.

    widget.on('render',function(w, e){e.prefixText = '';
    e.suffixText = '';
    e.selectedColor = '#86b817'; /*The color of the chosen title*/
    e.fontColor = '#cccccc'; /*The color of the unchosen titles*/
    e.elementWidth = '103%';
    e.descColor = '#a5a5a5';
    e.parentMarginLeft = '-15px';
    e.height = 32; /* affects the tabber widget default high*/
    });
    var tab1 = ["5a65dd3aacc5a4c19d92b08a","5a6aec7f3d2ebb0df8439b34"];
    var tab2 = ["5a65dd4bacc5a4c19d92b093","5a6aec7f3d2ebb0df8439b35"];
    var tab3 = ["5a685a59b1af8dbb8cc23497","5a6aec7f3d2ebb0df8439b36"];
    widget.tabs = [{title: "TAB1", displayWidgetIds : tab1,
    hideWidgetIds : tab2.concat(tab3)}
    ,{title: "TAB2", displayWidgetIds : tab2,
    hideWidgetIds : tab1.concat(tab3)}
    ,{title: "TAB3", displayWidgetIds : tab3,
    hideWidgetIds : tab1.concat(tab2)}
    ];
    widget.tabsConfig = 'multiply';

    Basically I've created three arrays (tab1, tab2 and tab3), one for each tab I would like to display, containing the IDs of the widgets that should be visible on each of these tabs. This allows you to define the arrays once and then reference them when you're displaying and hiding widgets. So there's no more reason to repeat the same long character sequences for every time you're displaying or hiding specific widgets.

    I'm using concat to combine the values of multiple arrays into a single array which is required if you're working with more than two tabs. You can keep chaining the concat-method if you have more than three tabs like this:

    tab1.concat(tab2).concat(tab3).concat(tabx)...

    Hope this is useful for those of you who have more than two tabs and are having difficulty managing the Tabber-script.

    2
    Comment actions Permalink
  • Avatar
    Huanan Wu

    Would anyone know the compatibility of this widget with the newer 7.2 version? Tried using the widget but is not showing the Tabbed widgets at all.

    Thanks.

    2
    Comment actions Permalink
  • Avatar
    Jim Thomas

    Melinda - that is what i’m seeing.  In my case that means the widgets are too narrow to be legible.  So the export is worthless.  It would be helpful if the export honored the Tabber choices. 

    2
    Comment actions Permalink
  • Avatar
    Ian Emmons

    I'd echo Jim's sentiment that the current behavior of pdf exports is insufficient. It has kept us from using this tabber as well.

    2
    Comment actions Permalink
  • Avatar
    Inbal

    Hi Everyone,

    Thank you for all your comments.

    We understand the incidents you are having.

    You have to keep in mind that the Plugins are not features within the system and therefore there is a chance it will not work with some of the other features.

    With that said the Tabber Plugin is a Plugin that a lot of our users use and we received a lot of comments about it good and bad.

    We are doing our best to solve all Tabber issues and will upload a new version of the plguin soon.

    Best Regards,

    Inbal

     

    1
    Comment actions Permalink
  • Avatar
    Andrew Block

    Rob you should try using Notepad++ do write out this script...I always name out all of my widget in note lines that way you can highlight and track where it is Displayed and Hidden and verify you have it setup correctly. Check out my PNG attached.




    Tabber.PNG
    1
    Comment actions Permalink
  • Avatar
    BI Reporting

    Hi Andrew, Thanks we found the issue. It was syntax error.

    Code was - 

    e.height = 50; /* affects the tabber widget default high*/
    e.textalign = left;

    Correct code -
    e.height = '50px'; /* affects the tabber widget default high*/
    e.textalign = 'left';

     

    1
    Comment actions Permalink
  • Avatar
    BI Reporting

    Does anyone have issue with Tabber Widget title going hidden when you switch to View mode? 

    Issue - We don't have any additional java script in Tabber widget except what ever mentioned in the same article with dashboard specific Tabber name and widget id's. 

    1
    Comment actions Permalink
  • Avatar
    Himanshu Kumar

    Hi Bi Reporting,

    I have also seen that behaviour seems like a bug. to workaround it edit any other widget on the dashboard and cancel editing now you would be able to see the title of tabber

     

    1
    Comment actions Permalink
  • Avatar
    Rolf Brandes

    Hi Emma,

    I haven't tested this myself yet, but I think you can make the widget respect the case of the titles you give them by modifying the file called widget.css, generally found in the folder C:\Program Files\Sisense\PrismWeb\plugins\WidgetsTabber on the server that's running Sisense.

    There's a section called .defaultCSS that contains the style text-transform: uppercase;. That's most likely the code that's transforming your tab titles into uppercase. Removing this line of code should solve your problem. You can also comment it out instead by enclosing it within comment tags like this /*text-transform: uppercase;*/

    Let me know if that worked for you.

    Rolf

    1
    Comment actions Permalink
  • Avatar
    Kara Schrader

    I'm having the same issue as Huanan Wu. I created a tabber widget and added the widget id's and title names. It shows me the tabber titles but no widgets.

    1
    Comment actions Permalink
  • Avatar
    Jim Thomas

    Thanks Brian.  Since this is an officially supported widget, I would think PDF export should be supported.

    1
    Comment actions Permalink
  • Avatar
    Ido Darnell

    Hi All,

    Just jumping in here to tell you about our new plugin, the Dashboard Tabber

    This plugin enables one to navigate quickly and easily between various dashboards from within the actual dashboard, without the need to navigate via the dashboard navigation pane. The various selected dashboards are independent by their Elasticube, widgets and filters, and can hold different filters between them. If they are all pulling data from the same Elasticube, they can have the same filters applied and these filters will stick during the navigation.

    This plugin improves query performance as the various dashboards are loaded on demand, improving user experience by taking optimal advantage of dashboard real-estate and telling more with less.

    Feel free to reach out for a live demo

    Thanks

    Ido

    ido.darnell@qbeeq.pl

    QBeeQ.pl

    Sisense Partner of the Year 2019

    1
    Comment actions Permalink
  • Avatar
    Michal

    Thanks, that sounds great! Can you please upload a dashboard sample

    0
    Comment actions Permalink
  • Avatar
    Inbal

    Hi Michal,

    I'm glad you like our new plugin. I believe you will find it very useful.

    The reason I did not attach the dashboard is because it's per URL.

    I'm attaching it here as a .dash file but keep in mind that you need to change all widget ID in the code to the new ID the dashboard will present.

    Best,

    Inbal




    EcommerceTabber.dash
    0
    Comment actions Permalink
  • Avatar
    Jason Grosche

    This is a great plugin, but I get problems when adding 2 Tabber widgets in the same dashboard.

    My scenario -

    Tabber 1 controls 2 widgets - Departments and Employees.
    Tabber 2 control 2 widgets - Local Tasks and Master Tasks.

    When I click 'Master Tasks' on Tabber 2 it also switches the Tabber 1 widgets (But not vice versa). I have checked all the widget ID's and everything appears to be setup correctly.

    Would having both Tabbers in the same dashboard column cause this issue?

    Thanks

    Jason

    0
    Comment actions Permalink
  • Avatar
    Michael Becker

    Hi Lian,

    is it possible to force tabber to stay with current selection if any filters are changed? Currently any change switches it to first selection and it becomes to difficult use with constant switching back to proper selection. Thanks in advance for any hints!

    Regards,

    Michał

    0
    Comment actions Permalink
  • Avatar
    Pooja

    Hi Inbal,

     I applied this plugin to add 3 tabs on my dashboard, each tab displays 1 table and 2 charts. But somehow every time i load the dashboard the 2 charts on each tab are overlapping resulting in poor visibility/understanding of the charts. What can I do to resolve this ?

     

    Regards

    Pooja

     

    0
    Comment actions Permalink
  • Avatar
    Michael Becker

    Hi Pooja,

    this can happen if widgets under each tab are not placed in correct order. If you have Tab1, Tab2 and Tab3 the widgets should be ordered as follows(top to bottom): Tab1_widget1, Tab1_widget2...,Tab2_widget1,Tab2_widget2...,Tab3_widget1,Tab3_widget2. Hope it helps.

    Michał

    0
    Comment actions Permalink
  • Avatar
    Pooja

    Thanks Michal that helped :)

    0
    Comment actions Permalink
  • Avatar
    Konstantinos

    Hello there, 

    This is a great plugin, solves a lot of our issues. After implementing this to our dashboards we have the following issues:

    1. When we change the tab to tab 2, we are losing part of our bar chart. (screenshot2).

    2. In every refreshing or filter changing or hide filterbar tabber switch to the first selection.

    Is there any way to solve these issues?

    thanks 

    0
    Comment actions Permalink
  • Avatar
    Ryan

    I'm having the same issue as Michael. The Tabber widget works perfectly, up until you change something. If I expand/collapse the filter pane, change a filtered value, etc the tabber loses focus on the widget it is suppose to display. Is there a way to persist the Tabber selection during a change to the dashboard state?

    0
    Comment actions Permalink
  • Avatar
    Michael Becker

    Hi,

    is there anything that can be done about scroll bars with this plugin? Currently adding it, creates a separate scroll bar for each and every dashboard column for entire SiSense which is troublesome.

    Regards,

    Michał

    0
    Comment actions Permalink
  • Avatar
    Malinda Jepsen

    I have added the code to my dashboard to hide the widgets, however, the query is still showing that is is loading all of the widgets.  In the attached image, I have only 4 visible widgets when the dashboard loads, but the UI shows that it is loading 0/11.  I feel like it really is running all of the queries because when I go to another tab, it comes up immediately, with no lag at all.  This is the code in my dashboard: 

    dashboard.hideWidgetIds = ["5662f8e8a668bc6033000113","5662f8e8a668bc6033000111","5662f8e8a668bc603300011c", "5662f8e8a668bc6033000119", "5662f8e8a668bc6033000117", "5662f8e8a668bc603300011a"];

    Do i need anything else around this code to stop the queries from running?

    0
    Comment actions Permalink
  • Avatar
    Malinda Jepsen

    Helps if I attach the image... :-)




    Demographics.PNG
    0
    Comment actions Permalink
  • Avatar
    Ryan

    I believe what it is currently doing is just HIDING the widget. The widget itself is still loaded and the accompanying query against it is still being executed. What the Tabber simply doing is allowing you to get more out of your valuable real-estate. I agree with you that it should actually stop the execution of any hidden widget.  

    0
    Comment actions Permalink
  • Avatar
    Malinda Jepsen

    In Step 4, the comment about improving performance made me think that the query wouldn't run:

    "In order for the Tabber to not affect dashboard performance, we first hide all Tabber widgets from dashboard and run the widget only when the are called through the Tabber ."

    But I agree, after working with it, it appears that it doesn't affect the query performance, just the UI.

    0
    Comment actions Permalink
  • Avatar
    Geoffry

    Thanks for this plugin!

    We've noticed one issue on our install - with Tabber installed the ability to resize dashboard columns - even without the widget running - is gone. Is this a known behavior? Is this possibly due to a conflict with another plugin?

    We're running 6.1, planning on upgrading to 6.2 shortly. Thanks for any help you can provide!

    0
    Comment actions Permalink

Please sign in to leave a comment.