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!

Introduction to Splunk Observability Cloud - Building a Resilient Hybrid Cloud

Introduction to Splunk Observability Cloud - Building a Resilient Hybrid Cloud  In today’s fast-paced digital ...

Observability protocols to know about

Observability protocols define the specifications or formats for collecting, encoding, transporting, and ...

Take Your Breath Away with Splunk Risk-Based Alerting (RBA)

WATCH NOW!The Splunk Guide to Risk-Based Alerting is here to empower your SOC like never before. Join Haylee ...