Dashboards & Visualizations

How do I make tabs in multiple rows in a dashboard?

manikyasandeepg
Explorer

Hi All,

I am planning to create tabs in multiple rows and the first tab in each row should be "Active" , (meaning as soon as the dashboard loads, the Active tabs from each row should display panels under it).

Row1: Tab1(Active), Tab2, Tab3, Tab4
Row2: Tab5(Active), Tab6, Tab7
Row3: Tab8(Active),Tab9

I was successful in creating the tabs for all the three rows and also i linked the panels to each respective tabs.

The issue i am facing is, when i am specifying "li class="active" for Tab 1 , it works and it shows the panels under it as soon as the dashboard loads.

But, when i am repeating the same for Tabs5 & Tabs8, it is not working for them (meaning the panels under it don't show up until the selection is made, which it shouldn't be the case).

Seems like the scripts or the dashboard is taking only Tab1 into consideration for the "Active" part.

I am using the tabs.js and tabs.css scripts from "making a tabs in splunk" page.

Any suggestions or help would be really helpful.

Thanks,
Sandeep.

0 Karma
Get Updates on the Splunk Community!

.conf24 | Registration Open!

Hello, hello! I come bearing good news: Registration for .conf24 is now open!   conf is Splunk’s rad annual ...

ICYMI - Check out the latest releases of Splunk Edge Processor

Splunk is pleased to announce the latest enhancements to Splunk Edge Processor.  HEC Receiver authorization ...

Introducing the 2024 SplunkTrust!

Hello, Splunk Community! We are beyond thrilled to announce our newest group of SplunkTrust members!  The ...