Dashboards & Visualizations

Unable to make several independent tab areas in a dashboard

iKate
Builder

We've created a dashboard with tabs using steps from this post https://www.splunk.com/blog/2015/03/30/making-a-dashboard-with-tabs-and-searches-that-run-when-click...

Now we need several areas with tabs in one dashboard. E.g. first several tabs show data on sourcetypes, next block of tabs shows data on sources etc. And they do not depend on each other.

What we get - just one active panel on the dashboard. We see chart either on sourcetypes or on sources when we need to see both with ability to select tabs.

Why tabs counstruction is preferable and not linkswitcher - because we need to reduce number of searches that launch when opening dashboard. At the moment I know that tabs can do such trick but if splunk can do this with links as well I'll be glad to know how.

Thanks in advance!

  ....
    <row id="tabs">
        <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>
    </row>
    <row id="link1">
        <panel>
          <chart>
            <title>All sourcetypes</title>
            <search id="sourcetypes_all">
              <query>... $link1$...
              </query>
            </search>
            <option name="charting.chart">line</option>
            <option name="charting.chart.showDataLabels">all</option>
            <option name="charting.drilldown">all</option>
          </chart>
       </panel>
    </row>
    ....
    <row id="tabs2">
        <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>
    </row>
    <row id="link5">
        <panel>
          <chart>
            <title>All CR</title>
            <search>
              <query>... $link5$...</query>
            </search>
            <option name="charting.chart">line</option>
            <option name="charting.chart.showDataLabels">all</option>
            <option name="charting.drilldown">all</option>
          </chart>
       </panel>
    </row>
    ...

iKate
Builder

@LukeMurphey thanks for your blogpost! Сan you please have a look at this issue, I'm sure you know how to solve it. Thanks again.

0 Karma

cmerriman
Super Champion

I see you've already thought about using Link Switcher and I think that will be a lot simpler in the long run.

I understand the need to limit the searches so that they aren't all running when the dashboard opens. Instead of setting the token in the Link Switcher to True, why not try to set it to &#32; and then add that token to the beginning of your search. ie: <query> $link1$ index=index ..... </query> because &#32; is just whitespace and will not affect your search when it is set, but when it is not set, the search won't run. You can read about controlling the order in which panels run here: https://www.splunk.com/blog/2017/06/29/load-em-up-and-move-em-out-controlling-dashboard-panel-load-o...

iKate
Builder

Thank you Clara! Yes, I'm familiar with event handlers and used them in some dashboards, but I'm afraid it won't be user-friendly decision in this case, as I have around 5 full-panel-size groups of charts and you'll need to scroll to the top each time when you'll need another chart somewhere in the bottom.. Oh, if only linkswitchers can do this..

0 Karma
Get Updates on the Splunk Community!

Extending Observability Content to Splunk Cloud

Register to join us !   In this Extending Observability Content to Splunk Cloud Tech Talk, you'll see how to ...

What's new in Splunk Cloud Platform 9.1.2312?

Hi Splunky people! We are excited to share the newest updates in Splunk Cloud Platform 9.1.2312! Analysts can ...

What’s New in Splunk Security Essentials 3.8.0?

Splunk Security Essentials (SSE) is an app that can amplify the power of your existing Splunk Cloud Platform, ...