Dashboards & Visualizations
×

Are you a member of the Splunk Community?

Sign in or Register with your Splunk account to get your questions answered, access valuable resources and connect with experts!
cancel
Turn on suggestions
Showing results for 
Show  only  | Search instead for 
Did you mean: 
Ask a Question
Solved! Jump to solution

Dynamic Dashboard - Radio Button with Text Input fields

rarangarajanspl
Explorer
‎03-28-2020 10:26 PM

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
Reply
1 Solution
Solved! Jump to solution
Solution

kamlesh_vaghela
SplunkTrust
SplunkTrust
‎03-28-2020 11:47 PM

@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
Reply
Solved! Jump to solution
Solution

kamlesh_vaghela
SplunkTrust
SplunkTrust
‎03-28-2020 11:47 PM

@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
Reply
Solved! Jump to solution

rarangarajanspl
Explorer
‎03-30-2020 03:18 PM

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
Reply
Solved! Jump to solution

rarangarajanspl
Explorer
‎04-01-2020 12:27 PM

Could you help out with this one?
https://answers.splunk.com/answers/814072/dynamic-dashboard-event-handling.html?minQuestionBodyLengt...

0 Karma
Reply
Solved! Jump to solution

rarangarajanspl
Explorer
‎03-29-2020 04:19 PM

Thank you very much! Very helpful

0 Karma
Reply
Get Updates on the Splunk Community!

Splunk Observability Cloud’s AI Assistant in Action Series: Analyzing and ...

This is the second post in our Splunk Observability Cloud’s AI Assistant in Action series, in which we look at ...

Elevate Your Organization with Splunk’s Next Platform Evolution

 Thursday, July 10, 2025  |  11AM PDT / 2PM EDT Whether you're managing complex deployments or looking to ...

Splunk Answers Content Calendar, June Edition

Get ready for this week’s post dedicated to Splunk Dashboards! We're celebrating the power of community by ...
Top