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!

.conf24 | Registration Open!

Hello, hello! I come bearing good news: Registration for .conf24 is now open!   conf is Splunk’s rad annual ...

ICYMI - Check out the latest releases of Splunk Edge Processor

Splunk is pleased to announce the latest enhancements to Splunk Edge Processor.  HEC Receiver authorization ...

Introducing the 2024 SplunkTrust!

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