Solved: Re: Dynamic Dashboard - Radio Button with Text Inp...

rarangarajanspl · ‎03-28-2020

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

My dash board should have couple of radio button; 1. Search by Input parameters 2. Seach by Output parameters
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
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

kamlesh_vaghela · ‎03-28-2020

@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

kamlesh_vaghela · ‎03-28-2020

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

rarangarajanspl · ‎03-30-2020

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.

rarangarajanspl · ‎04-01-2020

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

rarangarajanspl · ‎03-29-2020

Thank you very much! Very helpful

Dynamic Dashboard - Radio Button with Text Input fields

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

Persistent Queue at TcpOut — One of Splunk's Most Practical Features

Skip the Awkward Silence: Have a .conf-ersation at .conf26

Rethinking Zero Trust: From Product Purchases to Logical Control Evidence

Join the Conversation