topic Re: Why is the submit button inside a panel not working? in Dashboards & Visualizations

Why is the submit button inside a panel not working?

Mohsin123 — Tue, 29 Sep 2020 21:05:32 GMT

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?
`

Component

<choice value="">All
component
component

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

caller-id

<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

Re: Why is the submit button inside a panel not working?

Mohsin123 — Thu, 30 Aug 2018 12:52:10 GMT

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

Re: Why is the submit button inside a panel not working?

johnnyfrx — Thu, 30 Aug 2018 14:07:08 GMT

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

</input> 

   </row></fieldset>

</input>
  </fieldset>
</row>

Re: Why is the submit button inside a panel not working?

niketn — Thu, 30 Aug 2018 14:40:27 GMT

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