Dashboards & Visualizations

Clean All Filter Inputs With A Button?

vtsguerrero
Contributor

I have IN-PAGE Drill down with 6 filters, 1 dynamic drop down, 1 time picker and four text inputs...
How can I make a button which cleans all filter with the default value a "*" ??
Thanks in advance!

0 Karma
1 Solution

somesoni2
Revered Legend

You can create an html link and set the target to same view with default values for token. see this run anywhere sample.

<form>
  <label>Dynamic Source</label>
  <fieldset autoRun="true" submitButton="false">
    <input type="dropdown" token="sourcetype" searchWhenChanged="true">
      <label>Sourcetype</label>
      <choice value="*">All</choice>
      <default>*</default>
      <populatingSearch fieldForValue="sourcetype" fieldForLabel="sourcetype">
        <![CDATA[index=_internal earliest=-1h@h | stats count by sourcetype | table sourcetype ]]>
      </populatingSearch>
    </input>
    <input type="dropdown" token="source" searchWhenChanged="true">
      <label>Source</label>
      <choice value="*">All</choice>
      <default>*</default>
      <populatingSearch fieldForValue="source" fieldForLabel="source">
        <![CDATA[index=_internal earliest=-1h@h | stats count by source | table source ]]>
      </populatingSearch>
    </input>
    <html id="field10">
      <body>
      <a href="DynamicSource?form.sourcetype=*&amp;form.source=*" style="margin-left:0px">Reset</a>      
      <p /> 
      </body>
  </html>

  </fieldset>
  <row>
    <table>
      <title>Top 5 source</title>
      <searchString>index=_internal sourcetype="$sourcetype$"  source="$source$"  | timechart count</searchString>
      <earliestTime>-1h</earliestTime>
      <latestTime>now</latestTime>
      <option name="wrap">true</option>
      <option name="rowNumbers">false</option>
      <option name="dataOverlayMode">none</option>
      <option name="drilldown">cell</option>
      <option name="count">10</option>
    </table>
  </row>
</form>

View solution in original post

somesoni2
Revered Legend

You can create an html link and set the target to same view with default values for token. see this run anywhere sample.

<form>
  <label>Dynamic Source</label>
  <fieldset autoRun="true" submitButton="false">
    <input type="dropdown" token="sourcetype" searchWhenChanged="true">
      <label>Sourcetype</label>
      <choice value="*">All</choice>
      <default>*</default>
      <populatingSearch fieldForValue="sourcetype" fieldForLabel="sourcetype">
        <![CDATA[index=_internal earliest=-1h@h | stats count by sourcetype | table sourcetype ]]>
      </populatingSearch>
    </input>
    <input type="dropdown" token="source" searchWhenChanged="true">
      <label>Source</label>
      <choice value="*">All</choice>
      <default>*</default>
      <populatingSearch fieldForValue="source" fieldForLabel="source">
        <![CDATA[index=_internal earliest=-1h@h | stats count by source | table source ]]>
      </populatingSearch>
    </input>
    <html id="field10">
      <body>
      <a href="DynamicSource?form.sourcetype=*&amp;form.source=*" style="margin-left:0px">Reset</a>      
      <p /> 
      </body>
  </html>

  </fieldset>
  <row>
    <table>
      <title>Top 5 source</title>
      <searchString>index=_internal sourcetype="$sourcetype$"  source="$source$"  | timechart count</searchString>
      <earliestTime>-1h</earliestTime>
      <latestTime>now</latestTime>
      <option name="wrap">true</option>
      <option name="rowNumbers">false</option>
      <option name="dataOverlayMode">none</option>
      <option name="drilldown">cell</option>
      <option name="count">10</option>
    </table>
  </row>
</form>

simpkins1958
Contributor

When I add the HTML section to the FIELDSET it is presented on a new line instead of the row with other INPUTS . Anyway to keep HTML on same row with other INPUTs ?

0 Karma

zevg
Engager

This works for me, however is there a way of resetting without reloading the whole page?

rjthibod
Champion

Probably not without using JavaScript.

You would need to iterate through the list of tokens to find those that start with "form.", find the mvc Component for the corresponding element, get the default value, set the "form." token to the default value, and submit.

0 Karma

sreelesh_n
New Member

I was trying to do the same , but on clicking on reset , it opened up a Page -"Page not found "

0 Karma

vtsguerrero
Contributor

Or can I use a drill down link element inside an input, just a button that passes all tokens equal to * ?

0 Karma
Get Updates on the Splunk Community!

Introducing the 2024 SplunkTrust!

Hello, Splunk Community! We are beyond thrilled to announce our newest group of SplunkTrust members!  The ...

Introducing the 2024 Splunk MVPs!

We are excited to announce the 2024 cohort of the Splunk MVP program. Splunk MVPs are passionate members of ...

Splunk Custom Visualizations App End of Life

The Splunk Custom Visualizations apps End of Life for SimpleXML will reach end of support on Dec 21, 2024, ...