Dashboards & Visualizations

Issue with CSS and JS

shrinkhalarana
Engager

I have created one dashboard with using JS and CSS but the dashboard is not working as per design. That dashboard have multiple tabs and subtabs but when I refresh that dashboard it by default execute the subtabs. 

shrinkhalarana_0-1592201613106.png

It should look like this but when I refresh it 

shrinkhalarana_1-1592201859680.png

 

Labels (1)
0 Karma
1 Solution

niketn
Legend

@shrinkhalarana Try one of my answers using Link Input displayed as Tabs. This way you can set/unset tokens on Link input <change> event handler and then use depends and rejects for respective tabs/panels/underlying search query. All using Simple XML with CSS extension (no JS required)

https://community.splunk.com/t5/Dashboards-Visualizations/How-can-we-create-Tabs-using-Link-List-in-...

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"

View solution in original post

0 Karma

niketn
Legend

@shrinkhalarana Try one of my answers using Link Input displayed as Tabs. This way you can set/unset tokens on Link input <change> event handler and then use depends and rejects for respective tabs/panels/underlying search query. All using Simple XML with CSS extension (no JS required)

https://community.splunk.com/t5/Dashboards-Visualizations/How-can-we-create-Tabs-using-Link-List-in-...

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
0 Karma
Get Updates on the Splunk Community!

New Year, New Changes for Splunk Certifications

As we embrace a new year, we’re making a small but important update to the Splunk Certification ...

[Puzzles] Solve, Learn, Repeat: Unmerging HTML Tables

[Puzzles] Solve, Learn, Repeat: Unmerging HTML TablesFor a previous puzzle, I needed some sample data, and ...

Enterprise Security (ES) Essentials 8.3 is Now GA — Smarter Detections, Faster ...

As of today, Enterprise Security (ES) Essentials 8.3 is now generally available, helping SOC teams simplify ...