Dashboards & Visualizations

why html inputs does are not aligned on same line with splunk inputs ?

mah
Builder

Hi,

I create a dashboard which contains splunk 2 inputs and 2 html inputs : 

mah_0-1611147781414.png

1- the two html calendar inputs are not aligned to the splunk inputs : how can I do that ?

2- how to clean the two html calendar after selected values ? 

Here is the code : 

 

 

<fieldset submitButton="true" autoRun="false">
<input type="dropdown" token="application_tok" searchWhenChanged="true">
<label>Application</label>
<fieldForLabel>app</fieldForLabel>
<fieldForValue>app</fieldForValue>
<search>
<query>index=A sourcetype="B" 
| fields app
| dedup app
| sort app</query>
<earliest>-24h@h</earliest>
<latest>now</latest>
</search>
<change>
<condition match="isnotnull($value$) AND $value$!=&quot;&quot;">
<set token="tokTextFilter">$value$</set>
</condition>
</change>
</input>
<input type="dropdown" token="environment_tok" searchWhenChanged="true">
<label>Environment</label>
<fieldForLabel>env</fieldForLabel>
<fieldForValue>env</fieldForValue>
<search>
<query>index=A sourcetype="B" 
| search app=$application_tok$
| fields env
| dedup env
| sort env</query>
<earliest>-24h@h</earliest>
<latest>now</latest>
</search>
<change>
<condition match="isnotnull($value$) AND $value$!=&quot;&quot;">
<set token="tokTextFilter">$value$</set>
</condition>
</change>
</input>
<html>
<div class="dateContainer">
<div class="dateInput">
<label>From :</label>
<input id="start" type="datetime-local"/>
<label>To :</label>
<input id="end" type="datetime-local"/>
</div>
</div>
</html>
</fieldset>

 

 

here is my xml search code : 

 

 

  <row>
    <panel>
      <title>All token</title>
      <table>
        <search>
          <done>
            <unset token="form.start"></unset>
            <unset token="form.end"></unset>
            <unset token="form.application_tok"></unset>
            <unset token="form.environment_tok"></unset>
          </done>
          <query>| makeresults 
| eval Application="$application_tok$", Environment="$environment_tok$", Start="$start$", End="$end$"
| fields - _time
| table Application Environment Start End</query>
          <earliest>-10m</earliest>
          <latest></latest>
          <sampleRatio>1</sampleRatio>
        </search>
        <option name="count">100</option>
        <option name="dataOverlayMode">none</option>
        <option name="drilldown">none</option>
        <option name="percentagesRow">false</option>
        <option name="refresh.auto.interval">60</option>
        <option name="refresh.display">preview</option>
        <option name="rowNumbers">false</option>
        <option name="totalsRow">false</option>
        <option name="wrap">true</option>
      </table>
    </panel>
  </row>

 

 

 

Thanks for your help !

Labels (2)
0 Karma

mah
Builder

Can anyone help  ?

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!

Why Splunk Customers Should Attend Cisco Live 2026 Las Vegas

Why Splunk Customers Should Attend Cisco Live 2026 Las Vegas     Cisco Live 2026 is almost here, and this ...

What Is the Name of the USB Key Inserted by Bob Smith? (BOTS Hint, Not the Answer)

Hello Splunkers,   So you searched, “what is the name of the usb key inserted by bob smith?”  Not gonna lie… ...

Automating Threat Operations and Threat Hunting with Recorded Future

    Automating Threat Operations and Threat Hunting with Recorded Future June 29, 2026 | Register   Is your ...