Tabber plug-in execute OnClick event on dashboard load

Hi rafaelderas ,

You can set any tab to be active when the dashboard loads with the following script. This script highlight the tabber option as well as active it:

let tabName = 'Tab3';

widget.style.activeTab = widget.tabs.findIndex(el=>el.title == tabName);

The complete script will looks like this:

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*/
});

widget.tabs = [
	{
		title: "Tab1", 
		displayWidgetIds : ["6568134f2968560034f519b1"],
		hideWidgetIds : ["64df5b4ab729680033167174", "656961412968560034f51a7e", "65673d042968560034f5195a"]
	},
	{
		title: "Tab2", 
		displayWidgetIds : ["64df5b4ab729680033167174", "656961412968560034f51a7e"],
		hideWidgetIds : ["6568134f2968560034f519b1", "65673d042968560034f5195a"]
	},
	{
		title: "Tab3", 
		displayWidgetIds : ["65673d042968560034f5195a"],
		hideWidgetIds : ["6568134f2968560034f519b1", "64df5b4ab729680033167174", "656961412968560034f51a7e"]
	}
];

let tabName = 'Tab3'

widget.style.activeTab = widget.tabs.findIndex(el=>el.title == tabName)

Feel free to reach out if you have further questions, we're always happy to help 🙂
[email protected] 
Paldi Solutions