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!

Unlock Database Monitoring with Splunk Observability Cloud

  In today’s fast-paced digital landscape, even minor database slowdowns can disrupt user experiences and ...

Purpose in Action: How Splunk Is Helping Power an Inclusive Future for All

At Cisco, purpose isn’t a tagline—it’s a commitment. Cisco’s FY25 Purpose Report outlines how the company is ...

[Upcoming Webinar] Demo Day: Transforming IT Operations with Splunk

Join us for a live Demo Day at the Cisco Store on January 21st 10:00am - 11:00am PST In the fast-paced world ...