Re: Why is the submit button inside a panel not wo...

Mohsin123 · ‎08-30-2018

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

`

niketn · ‎08-30-2018

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

johnnyfrx · ‎08-30-2018

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

</input> 

   </row></fieldset>

to

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

Mohsin123 · ‎08-30-2018

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

Why is the submit button inside a panel not working?

Federated Search for Amazon S3 | Key Use Cases to Streamline Compliance Workflows

New Dates, New City: Save the Date for .conf25!

Introduction to Splunk Observability Cloud - Building a Resilient Hybrid Cloud