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!

Dashboards: Hiding charts while search is being executed and other uses for tokens

There are a couple of features of SimpleXML / Classic dashboards that can be used to enhance the user ...

Splunk Observability Cloud's AI Assistant in Action Series: Explaining Metrics and ...

This is the fourth post in the Splunk Observability Cloud’s AI Assistant in Action series that digs into how ...

Brains, Bytes, and Boston: Learn from the Best at .conf25

When you think of Boston, you might picture colonial charm, world-class universities, or even the crack of a ...