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!

Wrapping Up Cybersecurity Awareness Month

October might be wrapping up, but for Splunk Education, cybersecurity awareness never goes out of season. ...

🌟 From Audit Chaos to Clarity: Welcoming Audit Trail v2

&#x1f5e3; You Spoke, We Listened  Audit Trail v2 wasn’t written in isolation—it was shaped by your voices.  In ...

What's New in Splunk Observability - October 2025

What’s New?    We’re excited to announce the latest enhancements to Splunk Observability Cloud and share ...