Dashboards & Visualizations

Panel Hide

Als123
Explorer

Hi Team,

I am having 5 panels in my dashboard and having two drop downs. 

First drop down: A, B and C

Second From down : Depends on first drop down values will populate in second drop down. Example : A1, B1 and C1.

Now If i am selecting A or B, I need to get only 4 panels in my dashboard. But If I am selecting C then I need to get all the 5 panels in my dashboard. 

Can you please help me on this?

Labels (1)
0 Karma
1 Solution

kamlesh_vaghela
SplunkTrust
SplunkTrust

@Als123 

Are you looking for this?

<form>
  <label>Dropdown</label>
  <fieldset submitButton="false">
    <input type="dropdown" token="firstDropDown">
      <label>firstDropDown</label>
      <choice value="A">A</choice>
      <choice value="B">B</choice>
      <choice value="C">C</choice>
      <change>
        <condition match="'value'==&quot;A&quot; or 'value'==&quot;B&quot;">
          <set token="tkn_a_or_b">true</set>
          <unset token="tkn_c"></unset>
        </condition>
        <condition match="'value'==&quot;C&quot;">
          <set token="tkn_c">true</set>
          <set token="tkn_a_or_b">true</set>
        </condition>
        <condition>
          <unset token="tkn_c"></unset>
          <unset token="tkn_a_or_b"></unset>
        </condition>
      </change>
    </input>
  </fieldset>
  <row>
    <panel depends="$tkn_a_or_b$">
      <single>
        <title>Panel 1</title>
        <search>
          <query>| makeresults | stats count</query>
          <earliest>-24h@h</earliest>
          <latest>now</latest>
        </search>
        <option name="drilldown">none</option>
      </single>
    </panel>
    <panel depends="$tkn_a_or_b$">
      <single>
        <title>Panel 2</title>
        <search>
          <query>| makeresults | stats count</query>
          <earliest>-24h@h</earliest>
          <latest>now</latest>
        </search>
        <option name="drilldown">none</option>
      </single>
    </panel>
    <panel depends="$tkn_a_or_b$">
      <single>
        <title>Panel 3</title>
        <search>
          <query>| makeresults | stats count</query>
          <earliest>-24h@h</earliest>
          <latest>now</latest>
        </search>
        <option name="drilldown">none</option>
      </single>
    </panel>
    <panel depends="$tkn_a_or_b$">
      <single>
        <title>Panel 4</title>
        <search>
          <query>| makeresults | stats count</query>
          <earliest>-24h@h</earliest>
          <latest>now</latest>
        </search>
        <option name="drilldown">none</option>
      </single>
    </panel>
    <panel depends="$tkn_c$">
      <single>
        <title>Panel 5</title>
        <search>
          <query>| makeresults | stats count</query>
          <earliest>-24h@h</earliest>
          <latest>now</latest>
        </search>
        <option name="drilldown">none</option>
      </single>
    </panel>
  </row>
</form>

 

Thanks
KV
▄︻̷̿┻̿═━一

If any of my reply helps you to solve the problem Or gain knowledge, an upvote would be appreciated.

View solution in original post

kamlesh_vaghela
SplunkTrust
SplunkTrust

@Als123 

Are you looking for this?

<form>
  <label>Dropdown</label>
  <fieldset submitButton="false">
    <input type="dropdown" token="firstDropDown">
      <label>firstDropDown</label>
      <choice value="A">A</choice>
      <choice value="B">B</choice>
      <choice value="C">C</choice>
      <change>
        <condition match="'value'==&quot;A&quot; or 'value'==&quot;B&quot;">
          <set token="tkn_a_or_b">true</set>
          <unset token="tkn_c"></unset>
        </condition>
        <condition match="'value'==&quot;C&quot;">
          <set token="tkn_c">true</set>
          <set token="tkn_a_or_b">true</set>
        </condition>
        <condition>
          <unset token="tkn_c"></unset>
          <unset token="tkn_a_or_b"></unset>
        </condition>
      </change>
    </input>
  </fieldset>
  <row>
    <panel depends="$tkn_a_or_b$">
      <single>
        <title>Panel 1</title>
        <search>
          <query>| makeresults | stats count</query>
          <earliest>-24h@h</earliest>
          <latest>now</latest>
        </search>
        <option name="drilldown">none</option>
      </single>
    </panel>
    <panel depends="$tkn_a_or_b$">
      <single>
        <title>Panel 2</title>
        <search>
          <query>| makeresults | stats count</query>
          <earliest>-24h@h</earliest>
          <latest>now</latest>
        </search>
        <option name="drilldown">none</option>
      </single>
    </panel>
    <panel depends="$tkn_a_or_b$">
      <single>
        <title>Panel 3</title>
        <search>
          <query>| makeresults | stats count</query>
          <earliest>-24h@h</earliest>
          <latest>now</latest>
        </search>
        <option name="drilldown">none</option>
      </single>
    </panel>
    <panel depends="$tkn_a_or_b$">
      <single>
        <title>Panel 4</title>
        <search>
          <query>| makeresults | stats count</query>
          <earliest>-24h@h</earliest>
          <latest>now</latest>
        </search>
        <option name="drilldown">none</option>
      </single>
    </panel>
    <panel depends="$tkn_c$">
      <single>
        <title>Panel 5</title>
        <search>
          <query>| makeresults | stats count</query>
          <earliest>-24h@h</earliest>
          <latest>now</latest>
        </search>
        <option name="drilldown">none</option>
      </single>
    </panel>
  </row>
</form>

 

Thanks
KV
▄︻̷̿┻̿═━一

If any of my reply helps you to solve the problem Or gain knowledge, an upvote would be appreciated.

ITWhisperer
SplunkTrust
SplunkTrust

Please share your SimpleXML for your dropdowns i.e. how are you setting the tokens used for hiding and showing the panels.

0 Karma
Get Updates on the Splunk Community!

Extending Observability Content to Splunk Cloud

Watch Now!   In this Extending Observability Content to Splunk Cloud Tech Talk, you'll see how to leverage ...

More Control Over Your Monitoring Costs with Archived Metrics!

What if there was a way you could keep all the metrics data you need while saving on storage costs?This is now ...

New in Observability Cloud - Explicit Bucket Histograms

Splunk introduces native support for histograms as a metric data type within Observability Cloud with Explicit ...