Solved: Re: How can I add different tabs to each panel in ...

ksander14 · ‎09-15-2017

I want to add some tabs panels in my page. I used this code:



....

<panel>
    <html>
        <ul id="tabs" class="nav nav-tabs">
            <li class="active">
                <a href="#" class="toggle-tab" data-toggle="tab" data-elements="link1" data-token="link1">...</a>
            </li>
            <li>
                <a href="#" class="toggle-tab" data-toggle="tab" data-elements="link2" data-token="link2">...</a>
            </li>
            <li>
                <a href="#" class="toggle-tab" data-toggle="tab" data-elements="link3" data-token="link3">...</a>
            </li>
            <li>
                <a href="#" class="toggle-tab" data-toggle="tab" data-elements="link4" data-token="link4">...</a>
            </li>
        </ul>
    </html>
</panel>

....

<panel>
    <html>
        <ul id="tabs2" class="nav nav-tabs">
            <li class="active">
                <a href="#" class="toggle-tab" data-toggle="tab" data-elements="link5" data-token="link5">...</a>
            </li>
            <li>
                <a href="#" class="toggle-tab" data-toggle="tab" data-elements="link6" data-token="link6">...</a>
            </li>
            <li>
                <a href="#" class="toggle-tab" data-toggle="tab" data-elements="link7" data-token="link7">...</a>
            </li>
        </ul>
    </html>
</panel>

...

but in this case if I choose tab in first panel, tab in second panel not shown, similarly if I choose . So, two panels work like one - I only can choose one tab in two panels, but I need choose one tab in the first panel and one tab in the second panel.

Can I create more than one normal tabs panels?

Thanks!

cmerriman · ‎09-18-2017

have you looked at the Splunk 6.x Dashboard Examples app? https://splunkbase.splunk.com/app/1603/
There is a Link Switcher example that I think is exactly what you're looking for.
You create some link inputs inside of a panel and set/unset the tokens when one is clicked. Then you use depends for the searches inside each panel.

View solution in original post

kkrishnan_splun · ‎01-15-2019

Use the same code and source the tokenlinks.js file which you can copy from the dashboard examples app.

lfedak_splunk · ‎09-18-2017

Hey @ksander14, if @cmerriman solved your problem please accept the answer and close the question! 🙂

cmerriman · ‎09-18-2017

have you looked at the Splunk 6.x Dashboard Examples app? https://splunkbase.splunk.com/app/1603/
There is a Link Switcher example that I think is exactly what you're looking for.
You create some link inputs inside of a panel and set/unset the tokens when one is clicked. Then you use depends for the searches inside each panel.

How can I add different tabs to each panel in my dashboard?

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

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

[Puzzles] Solve, Learn, Repeat: Matching cron expressions

Design, Compete, Win: Submit Your Best Splunk Dashboards for a .conf26 Pass

May 2026 Splunk Expert Sessions: Security & Observability

Join the Conversation