The Tabber Widget Switcher Plugin

Comments

68 comments

  • Avatar
    Ahuva Shabtai

    Is anyone successfully using the Tabber plugin in 6.5.2? I am just wondering before I try it as I had trouble implementing in the past and want to rule out the version compatibility before I start to try it out again.

    0
    Comment actions Permalink
  • Avatar
    Andrew Block

    Ahuva -- It works for us on 6.5.2.11007 with no issues

    0
    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
    Andrew Block (Edited )

    Sisense Analytics do you have any custom JS or plugins that could be causing it not to work? because I am on the same version and am able to download to PDF with the Tabber

    0
    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 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
    Malinda Jepsen

    Thanks for posting!  This is much easier to maintain!

    0
    Comment actions Permalink
  • Avatar
    Oxana Noa Umansky

    Great tip Rolf, thanks for sharing!

    0
    Comment actions Permalink
  • Avatar
    Emma Stapleton

    Is there a way to get the titles of the tabs not to be in upper case, and respect the cases of the titles you give them?

    If this is the first line for my tabs:

     {title: "Tab1", displayWidgetIds : ["5a7b4fe719a5hd3fe8bc1e85"],   hideWidgetIds : ["5a7b50d329a5ba3fe8bc1f8b"]}

    I would want the tab on the widget to read Tab1, not TAB1.

    0
    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
    John Escobar

    For some reason, one of the widgets associated with my dashboard Tabber Add-On is not displaying any data when the tab is selected. I have to hit F5 or Ctrl+F5 to retrieve the required metric.  As you may understand, I cannot ask my end user to hit F5 anytime she wants to see the information from that tab.  Does anyone have a take on this issue?

    0
    Comment actions Permalink
  • Avatar
    Ravi Verma (Edited )

    I have used this plugin and is working but I have faced two issues which I would like to mention here:

     

    1 - I have create two rows in the tabber and each row shows two indicator. Two is on for first row and the same is hidden for second row. Now when switch to first tab then it shows me two indicator and when I switch to second tab then it shows me only one. In order to see the second indicator I have to drag the visible indicator to the bottom and then I see the second indicator.

     

    2 - Tabber widget is showing the header of the widget where I can see the title tootip and other options. How can I hide and unhide the tool bar of this widget.

     

    Can anyone please help me on this?

    Thanks,

    Ravi

    0
    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
    Paul Lam

    Does this plugin support Polar Chart widget?

    0
    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

    Is anyone checked for PDF export of a dashboard that uses the Tabber?  In my case, all widgets including the hidden ones are shown on the PDF export.  Obviously that is no good.  On version  7.1.1.10089.

    0
    Comment actions Permalink
  • Avatar
    Brian Wilson

    Hi Jim,

    Yes, the tabber script doesn't pass to the PDF export in my experience.

    0
    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
    Malinda Jepsen

    My experience has been that PDF is supported, it just outputs every tab rather than just the visible one.

    0
    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
    Brian Wilson

    Hi Jim,

    Confirming, are you placing two widgets side by side and then hiding one of them, causing the other to expand?

    If so, have you tried stacking the two widgets instead? That way they're full-width on PDF export (though, again, the hiding function of the tabber is moot at that point).

    0
    Comment actions Permalink
  • Avatar
    Jim Thomas

    Brian - thanks for your input.  Stacking them doesn’t really work for my use case.  Will probably abandon the Tabber and go to the Dimension Switcher. 

    0
    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
    Kaileb Holland

    Huanan & Kara - 

    I was having the same problem. I was using "prism.activeDashboard.widgets.toArray()" via the console to grab widget IDs. If you are doing something similar, make sure you're using the "oid" within that array rather than the first "_id" shown. This solved my issue.

    Additionally, if you copy/paste the following from the first page, the script will not show an error and ignore everything. Something with the way the quotations are formatted around the "multiply" causes an issue.

    widget.tabsConfig = 'multiply';
    0
    Comment actions Permalink
  • Avatar
    Huang Xiaolong

    Is there a way to listen for the switch page action

    0
    Comment actions Permalink
  • Avatar
    Ravid Paldi

    @Huang, 

    You can add "old school" on.click listeners to the tab's buttons. 

    Ping me if you need assistance

    ravid@paldi.solutions  

    0
    Comment actions Permalink
  • Avatar
    Jim Thomas

    Is it possible to make the Tabber Title text dynamic.  For example instead of "Column Chart" in your example above, be able to reference a widget panel item or dashboard filter field?

    Thanks.

    0
    Comment actions Permalink
  • Avatar
    JJ Chritton (Edited )

    I'm also having the issue where the tooltip text is showing up in the tabber, which is kind of bizarre. We're on version 7.1.3 and seeing this with the latest tabber version.

    I will add that the PDF export behavior for tabber is frustrating when it shows all widgets, so we avoid using it in most cases. Frustrating behavior for a plugin that's officially supported.

    0
    Comment actions Permalink

Please sign in to leave a comment.