topic Re: How to populate a dropdown based on selection from another input panel in Dashboards & Visualizations

How to populate a dropdown based on selection from another input panel

moizmmz — Thu, 06 Jun 2019 16:41:22 GMT

Hi,

I would like to build a dashboard where I have two input dropdowns:
Panel A has 4 values (static inputs):
1
2
3
4

Panel B has 4 values that are selected based on the selection of Panel A:
If 1 is selected in Panel A --> W
If 2 is selected in Panel A --> X
If 3 is selected in Panel A --> Y
If 4 is selected in Panel A --> Z

Splunk version: 6.6.2

Please help.
Thanks!

Re: How to populate a dropdown based on selection from another input panel

moizmmz — Thu, 06 Jun 2019 16:58:00 GMT

The second dropdown also has static values. Both dropdowns are absolutely needed

Re: How to populate a dropdown based on selection from another input panel

niketn — Thu, 06 Jun 2019 18:07:40 GMT

@moizmmz your question is not quite clear. Do you have two dropdowns or two panels? Or do you have a combination of both?

What do you mean by input panel in your question? Is your use case the following instead of what you have described in the question?

How to populate a dropdown based on selection from another input dropdown?

If so, please refer to Splunk Dashboard Example App from Splunkbase which has Cascading Form Input and several other useful examples for you to pick up on creation of Splunk Dashboards.

Also, please try the following SimpleXML code which generates the two dropdowns as per above use case and confirm:

<form>
  <label>Dropdown Cascading</label>
  <fieldset submitButton="false">
    <input type="dropdown" token="tokDD1" searchWhenChanged="true">
      <label>Dropdown 1</label>
      <choice value="1">1</choice>
      <choice value="2">2</choice>
      <choice value="3">3</choice>
      <choice value="4">4</choice>
      <change>
        <condition value="1">
          <set token="form.tokDD2">W</set>
        </condition>
        <condition value="2">
          <set token="form.tokDD2">X</set>
        </condition>
        <condition value="3">
          <set token="form.tokDD2">Y</set>
        </condition>
        <condition value="4">
          <set token="form.tokDD2">Z</set>
        </condition>
      </change>
    </input>
    <input type="dropdown" token="tokDD2">
      <label>Dropdown 2</label>
      <choice value="W">W</choice>
      <choice value="X">X</choice>
      <choice value="Y">Y</choice>
      <choice value="Z">Z</choice>
    </input>
  </fieldset>
</form>

Re: How to populate a dropdown based on selection from another input panel

moizmmz — Thu, 06 Jun 2019 18:37:13 GMT

Two dropdowns. This works! Thanks!

Re: How to populate a dropdown based on selection from another input panel

moizmmz — Thu, 06 Jun 2019 18:38:14 GMT

could you post this as an answer?

Re: How to populate a dropdown based on selection from another input panel

somesoni2 — Thu, 06 Jun 2019 20:17:03 GMT

Here you go!!