Dashboards & Visualizations

Why won't Splunk tabs not working after Splunk 9 upgrade?

mcohen13
Loves-to-Learn

we are using the tabs extension: tabs.js, tabs.css (from https://github.com/LukeMurphey/splunk-dashboard-tabs-example)

today we upgraded our splunk from 8 to 9 and after all tabs are not working , they are visible but nothing happen when we click the tab name.

I have tried:

1. updating the code to the one in the git link above

2. also solution in https://community.splunk.com/t5/Dashboards-Visualizations/Tabs-in-Splunk-dashboard-not-working-after...

any help would be appreciated 

Labels (1)
0 Karma

CostaRica
Engager

What worked for us is to update both tabs.js and tabs.css in https://github.com/LukeMurphey/splunk-dashboard-tabs-example/tree/master/src/appserver/static

Then we had to bump the search head to force it to update its cache and send the new files to customers.
https://searchhead/en-US/_bump

 

0 Karma

bowesmana
SplunkTrust
SplunkTrust

I found this post

https://community.splunk.com/t5/Dashboards-Visualizations/Tabs-in-Splunk-dashboard-not-working-after...

and I changed these 2 lines

$('a[data-toggle="tab"]').on('shown', selectTab);
$('a[data-toggle="tab"]').on('shown', setTokenForTab);

to 

$('a[class="toggle-tab"]').on('click shown', selectTab);
$('a[class="toggle-tab"]').on('click shown', setTokenForTab);

which solved the click-ability  

0 Karma
Get Updates on the Splunk Community!

Infographic provides the TL;DR for the 2023 Splunk Career Impact Report

We’ve been shouting it from the rooftops! The findings from the 2023 Splunk Career Impact Report showing that ...

Splunk Lantern | Getting Started with Edge Processor, Machine Learning Toolkit ...

Splunk Lantern is Splunk’s customer success center that provides advice from Splunk experts on valuable data ...

Enterprise Security Content Update (ESCU) | New Releases

In the last month, the Splunk Threat Research Team (STRT) has had 2 releases of new security content via the ...