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!

Splunk AI Assistant for SPL | Key Use Cases to Unlock the Power of SPL

Splunk AI Assistant for SPL | Key Use Cases to Unlock the Power of SPL  The Splunk AI Assistant for SPL ...

Buttercup Games: Further Dashboarding Techniques (Part 5)

This series of blogs assumes you have already completed the Splunk Enterprise Search Tutorial as it uses the ...

Customers Increasingly Choose Splunk for Observability

For the second year in a row, Splunk was recognized as a Leader in the 2024 Gartner® Magic Quadrant™ for ...