Dashboards & Visualizations

Why is the submit button inside a panel not working?

Mohsin123
Path Finder

Hi ,

i have two dropdown menu in a panel in a dashboard
i tried adding fieldset , but it's not working.
Can anyone please help?
`





<choice value="">All
component
component

index="idix" sourcetype IN ("kafkEvent","pro_ulff_logs") component=* |dedup component|table component
-24h@h
now





<choice value="">All
caller-id
caller-id

index="idxix" sourcetype IN ("kafka:topx_ulff_logs") caller-id in ("ssl*", "VF*") |dedup caller-id|table caller-id
-24h@h
now

`

Tags (2)
0 Karma

niketn
Legend

@Mohsin123 while <input> can be brought inside <panels>, fieldset node has to be outside <row> in the root dashboard node i.e. <form> in case Splunk inputs are used.

Following is example of input

<form>
    <fieldset submitbutton="true">
        <input type="dropdown" token="token1">
            ....
        </input>
   </fieldset>
    <row>
        <panel>
              ...
        </panel>
    </row>
    ...
</form>

Following is example of moving Inputs inside panel... But Submit button stays outside:

<form>
    <fieldset submitbutton="true">
   </fieldset>
    <row>
        <panel>
             <input type="dropdown" token="token1">
                 ....
             </input>
             ...
        </panel>
    </row>
    ...   
</form>

So if you want to use Splunk's Submit Button you would need to use CSS Override to position Submit Button Inside specific panel using relative position.
Alternatively, you can create <html> panel with button <input> but you need to use Simple XML JS extension with Splunk JS Stack to code the button Click handler to function similar to how Splunk's Submit button works.

You should be able to find examples of both on Splunk Answers. Let us know if you need help with those.

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
0 Karma

johnnyfrx
Path Finder

I looked at one of mine to compare. At the very end, try changing:

</input> 

   </row></fieldset>

to

</input>
  </fieldset>
</row>
0 Karma

Mohsin123
Path Finder
<row>
       <fieldset submitbutton="true">
      <input type="dropdown" token="comp">
        <label>Component</label>
        <default>*</default>
        <choice value="*">All</choice>
        <fieldForLabel>component</fieldForLabel>
        <fieldForValue>component</fieldForValue>
        <search>
          <query>index="idix" sourcetype IN ("kafkEvent","pro_ulff_logs") component=* |dedup component|table component</query>
          <earliest>-24h@h</earliest>
          <latest>now</latest>
        </search>
      </input>
      <input type="dropdown" token="c-id">
        <label>caller-id</label>
        <default>*</default>
        <choice value="*">All</choice>
        <fieldForLabel>caller-id</fieldForLabel>
        <fieldForValue>caller-id</fieldForValue>
        <search>
          <query>index="idxix" sourcetype IN ("kafka:topx_ulff_logs")  caller-id in ("ssl*", "VF*") |dedup caller-id|table caller-id</query>
          <earliest>-24h@h</earliest>
          <latest>now</latest>
        </search>
      </input> 

  </row></fieldset>
0 Karma
Get Updates on the Splunk Community!

Welcome to the Splunk Community!

(view in My Videos) We're so glad you're here! The Splunk Community is place to connect, learn, give back, and ...

Tech Talk | Elevating Digital Service Excellence: The Synergy of Splunk RUM & APM

Elevating Digital Service Excellence: The Synergy of Real User Monitoring and Application Performance ...

Adoption of RUM and APM at Splunk

    Unleash the power of Splunk Observability   Watch Now In this can't miss Tech Talk! The Splunk Growth ...