JavaScript does not work for Tabber

Hi rholmesminton​ ,

I tried the above script, and it's working well.

One thing to note: make sure your tab names are correct and that the tab names in the 'tabFilterMapping' variable are in uppercase. This is important because the tabber displayed all tab names in uppercase.

Here is the updated script:

widget.on('ready', function(w, args){
		
	$('.listDefaultCSS .listItemDefaultCSS', element).on('click', function(s){ 
	widget.scriptConfig = true;

		filter = prism.activeDashboard.filters.$$items.find(el=>el.jaql.title == 'Checklist Type') //Title of filter

		//mapping of Tab name and filter item. Here when Tab1 is selected, 'Onboarding' will get selected in Checklists Type filter
		var tabFilterMapping = {
			'TAB 1':"Onboarding",
			'TAB 2':"Advancement"
		}

		var filterValue = tabFilterMapping[$(s)[0].currentTarget.innerHTML]

		filter.jaql.filter = {
			"explicit": true,
			"multiSelection": false,
			"members": [
			filterValue
			]
		}
		var filterOptions = {
								save: true,
								refresh: true,
							}


		prism.activeDashboard.filters.update(filter, filterOptions)

	}) ;
});

- Hari

Hello rholmesminton​,

I’m following up to see if the solution offered by harikm007​ worked for you.

If so, please click the 'Accept as Solution' button on the appropriate post. That way other users with the same questions can find the answer. If not, please let us know so that we can continue to help.

Thank you.