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!

CX Day is Coming!

Customer Experience (CX) Day is on October 7th!! We're so excited to bring back another day full of wonderful ...

Strengthen Your Future: A Look Back at Splunk 10 Innovations and .conf25 Highlights!

The Big One: Splunk 10 is Here!  The moment many of you have been waiting for has arrived! We are thrilled to ...

Now Offering the AI Assistant Usage Dashboard in Cloud Monitoring Console

Today, we’re excited to announce the release of a brand new AI assistant usage dashboard in Cloud Monitoring ...