Re: Unable to make several independent tab areas i...

iKate · ‎09-15-2017

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 · ‎09-18-2017

@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.

cmerriman · ‎09-18-2017

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   and then add that token to the beginning of your search. ie: <query> $link1$ index=index ..... </query> because   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 · ‎09-18-2017

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..

Unable to make several independent tab areas in a dashboard

Webinar Recap | Revolutionizing IT Operations: The Transformative Power of AI and ML ...

.conf24 | Registration Open!

ICYMI - Check out the latest releases of Splunk Edge Processor