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
Got questions? Get answers!

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Meet up IRL or virtually!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

Get Updates on the Splunk Community!

Index This | What travels the world but is also stuck in place?

April 2026 Edition  Hayyy Splunk Education Enthusiasts and the Eternally Curious!   We’re back with this ...

Discover New Use Cases: Unlock Greater Value from Your Existing Splunk Data

Realizing the full potential of your Splunk investment requires more than just understanding current usage; it ...

Continue Your Journey: Join Session 2 of the Data Management and Federation Bootcamp ...

As data volumes continue to grow and environments become more distributed, managing and optimizing data ...