Forum Discussion
MuznahM
08-23-2024Cloud Apps
Hi DRay
I haven't been able to resolve this issue yet. Since we need to display all the widgets on the same dashboard, I don't think Tabber is the right solution for us.
Thanks for understanding,
Muznah
AssafHanina
08-23-2024Sisense Employee
hey MuznahM ,
the Tabber is not linked directly to the indicator but can replace the Accordion and interact with the Filters.
Please find an example:
- Created Tabber widget with 2 tabs:
- Default tab - when users open the dashboard, the drill is not opened
- Drill tab - when users explore more information about the indicator and interact with the dashboard filters. - In the Default tab Configuration:
- displayWidgetIds : [""] - remain empty
- hideWidgetIds : [""] - contain the drill widget list - In the Drill tab Configuration:
- displayWidgetIds : [""] - contain the drill widget list
- hideWidgetIds : [""] - remain empty
Tabber Configuration
// tab configuration
widget.tabs = [{title: "Default - Tabber Closed",
displayWidgetIds : [""],
hideWidgetIds : ["66c8a7474b2ebd004276cf54","66c8a70a4b2ebd004276cf50"]},
{title: "Drill Open - Replace Accordion",
displayWidgetIds : ["66c8a7474b2ebd004276cf54","66c8a70a4b2ebd004276cf50"],
hideWidgetIds : [""]}
];
// style configuration
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*/
});
Example when the Tabber is on Default:
When the Tabber is Open - both widgets include and interact with the filters
General Notes:
- the tabber can be placed as any other widgets.
- the tabber load all the widgets, display and hidden which might increase the dashboard load time
- the Accordion is loading the dashboard only while click
MuznahM please update if this solve the issue.
Best Regards