Dashboards & Visualizations

Dynamic Dashboard - Radio Button with Text Input fields

rarangarajanspl
Explorer

Hello All
I am new to Splunk and need to develop an interactive dash board. Would be great if anyone can help with this.

  1. My dash board should have couple of radio button; 1. Search by Input parameters 2. Seach by Output parameters
  2. By selection the option "Search by Input parameters", a. I want to display 5 text fields (which are input parameters) and a submit button b. Allow the user to key in the text fields and submit c. Display the results in a table format
  3. By selection the option "Search by Output`parameters", a. I want to display 5 text fields (which are output parameters) and a submit button b. Allow the user to key in the text fields and submit c. Display the results in a table format
Tags (1)
0 Karma
1 Solution

kamlesh_vaghela
SplunkTrust
SplunkTrust

@rarangarajansplunk

Check below XML for managing filters on the selection of radio button. You can also manage Table view with same technic.

<form>
  <label>Radio Button Selection Example</label>
  <fieldset submitButton="true">
    <input type="radio" token="field1">
      <label>Select Parameter</label>
      <choice value="input">Search by Input parameters</choice>
      <choice value="output">Search by Output parameters</choice>
      <change>
        <condition value="input">
          <set token="tkninput">$value$</set>
          <unset token="tknoutput"></unset>
        </condition>
        <condition value="output">
          <unset token="tkninput"></unset>
          <set token="tknoutput">$value$</set>
        </condition>
        <condition>
          <unset token="tkninput"></unset>
          <unset token="tknoutput"></unset>
        </condition>
      </change>
    </input>
    <input type="text" token="input1" depends="$tkninput$">
      <label>Input Parameter 1</label>
    </input>
    <input type="text" token="input2" depends="$tkninput$">
      <label>Input Parameter 2</label>
    </input>
    <input type="text" token="input3" depends="$tkninput$">
      <label>Input Parameter 3</label>
    </input>
    <input type="text" token="input4" depends="$tkninput$">
      <label>Input Parameter 4</label>
    </input>
    <input type="text" token="input5" depends="$tkninput$">
      <label>Input Parameter 5</label>
    </input>
    <input type="text" token="output1" depends="$tknoutput$">
      <label>Output Parameter 1</label>
    </input>
    <input type="text" token="output2" depends="$tknoutput$">><label>Output Parameter 2</label>
    </input>
    <input type="text" token="output3" depends="$tknoutput$">><label>Input Parameter 3</label>
    </input>
    <input type="text" token="output4" depends="$tknoutput$">><label>Output Parameter 4</label>
    </input>
    <input type="text" token="output5" depends="$tknoutput$">><label>Output Parameter 5</label>
    </input>
  </fieldset>
  <row>
    <panel>
      <html>
        $tkninput$ <br/>
        $tknoutput$
      </html>
    </panel>
  </row>
</form>

View solution in original post

0 Karma

kamlesh_vaghela
SplunkTrust
SplunkTrust

@rarangarajansplunk

Check below XML for managing filters on the selection of radio button. You can also manage Table view with same technic.

<form>
  <label>Radio Button Selection Example</label>
  <fieldset submitButton="true">
    <input type="radio" token="field1">
      <label>Select Parameter</label>
      <choice value="input">Search by Input parameters</choice>
      <choice value="output">Search by Output parameters</choice>
      <change>
        <condition value="input">
          <set token="tkninput">$value$</set>
          <unset token="tknoutput"></unset>
        </condition>
        <condition value="output">
          <unset token="tkninput"></unset>
          <set token="tknoutput">$value$</set>
        </condition>
        <condition>
          <unset token="tkninput"></unset>
          <unset token="tknoutput"></unset>
        </condition>
      </change>
    </input>
    <input type="text" token="input1" depends="$tkninput$">
      <label>Input Parameter 1</label>
    </input>
    <input type="text" token="input2" depends="$tkninput$">
      <label>Input Parameter 2</label>
    </input>
    <input type="text" token="input3" depends="$tkninput$">
      <label>Input Parameter 3</label>
    </input>
    <input type="text" token="input4" depends="$tkninput$">
      <label>Input Parameter 4</label>
    </input>
    <input type="text" token="input5" depends="$tkninput$">
      <label>Input Parameter 5</label>
    </input>
    <input type="text" token="output1" depends="$tknoutput$">
      <label>Output Parameter 1</label>
    </input>
    <input type="text" token="output2" depends="$tknoutput$">><label>Output Parameter 2</label>
    </input>
    <input type="text" token="output3" depends="$tknoutput$">><label>Input Parameter 3</label>
    </input>
    <input type="text" token="output4" depends="$tknoutput$">><label>Output Parameter 4</label>
    </input>
    <input type="text" token="output5" depends="$tknoutput$">><label>Output Parameter 5</label>
    </input>
  </fieldset>
  <row>
    <panel>
      <html>
        $tkninput$ <br/>
        $tknoutput$
      </html>
    </panel>
  </row>
</form>
0 Karma

rarangarajanspl
Explorer

Hi Kamlesh
Please suggest on this
1. As soon as, i open the dash board, i see couple of option box and a submit button. Actually, i want to hide the submit button, once i open the dashboard.
2. I would like to see it, when i click the option box only. Until i click option box, i don't want to see the submit button.

0 Karma

rarangarajanspl
Explorer
0 Karma

rarangarajanspl
Explorer

Thank you very much! Very helpful

0 Karma
Get Updates on the Splunk Community!

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

Let’s Get You Certified – Vegas-Style at .conf24

Are you ready to level up your Splunk game? Then, let’s get you certified live at .conf24 – our annual user ...