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
Got questions? Get answers!

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Meet up IRL or virtually!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

Get Updates on the Splunk Community!

Guided Onboarding with Auto-schema Is Now Generally Available

  We are excited to announce the General Availability of Guided Onboarding with Auto-Schematization ...

ATTENTION: We’re Moving! (AGAIN!)

The Splunk Community Slack is undergoing a system migration to keep our workspace secure and ...

Deep Dive: Optimizing Telemetry Pipelines in Splunk Observability Cloud

In this session, we will peel back the layers of Splunk Observability Cloud’s cost-optimization features. ...