Dashboards & Visualizations

Dashboard design

jkeat12
New Member

I am trying to adjust the dashboard to show the query that is being generated by a list of drop downs. I think this will help the team better understand how to build queries in the future. If you have the html source that points towards this that would be greatly appreciated. 

 

Labels (2)
0 Karma

renjith_nair
Legend

Splunk dashboard app has similar features and could refer that.

https://splunkbase.splunk.com/app/1603/

Very basic dashboard could be done as below

 

<form>
  <label>Options</label>
  <fieldset submitButton="false">
    <input type="dropdown" token="sourcetype">
      <label>Sourcetype</label>
      <choice value="*">All</choice>
      <default>*</default>
      <initialValue>*</initialValue>
      <fieldForLabel>sourcetype</fieldForLabel>
      <fieldForValue>sourcetype</fieldForValue>
      <search>
        <query>index=_*|stats count by sourcetype</query>
        <earliest>-4h@m</earliest>
        <latest>now</latest>
      </search>
    </input>
  </fieldset>
  <row>
    <panel>
      <chart>
        <search>
          <query>index=_* sourcetype=$sourcetype$|stats count  by index,sourcetype</query>
          <earliest>-60m@m</earliest>
          <latest>now</latest>
          <done>
            <set token="search_src">$job.search$</set>
          </done>
        </search>
        <option name="charting.chart">column</option>
        <option name="charting.chart.stackMode">stacked</option>
        <option name="charting.drilldown">none</option>
        <option name="charting.layout.splitSeries">0</option>
        <option name="refresh.display">progressbar</option>
      </chart>
    </panel>
  </row>
  <row>
    <panel>
      <html>
        <h2>Main Search</h2>
        <hr></hr>
        <p>$search_src$</p>
      </html>
    </panel>
  </row>
</form>

 

 

---
What goes around comes around. If it helps, hit it with Karma 🙂

jkeat12
New Member

Thank you that got me pointed in the right direction

 

0 Karma
Get Updates on the Splunk Community!

Index This | Why did the turkey cross the road?

November 2025 Edition  Hayyy Splunk Education Enthusiasts and the Eternally Curious!   We’re back with this ...

Enter the Agentic Era with Splunk AI Assistant for SPL 1.4

  &#x1f680; Your data just got a serious AI upgrade — are you ready? Say hello to the Agentic Era with the ...

Feel the Splunk Love: Real Stories from Real Customers

Hello Splunk Community,    What’s the best part of hearing how our customers use Splunk? Easy: the positive ...