Dashboards & Visualizations

How to make Splunk Dashboard for creating panels inside grid?

Atchyuth_P
Path Finder

Hi Team,

I would like to achieve the below dashboard which is having outer grid and inside we have multiple panels.

Atchyuth_P_0-1683142803339.png

Please check with the XML code

Atchyuth_P_1-1683142863350.png

Kindly help in achieving this.

Labels (2)
Tags (1)
0 Karma

Atchyuth_P
Path Finder

<form version="1.1" theme="dark">
<label>Windows Testing</label>
<fieldset submitButton="false">
<input type="time" token="time" searchWhenChanged="true">
<label>Select Time Ranage</label>
<default>
<earliest>0</earliest>
<latest></latest>
</default>
</input>
</fieldset>
<row>
<panel>
<title></title>
<html>
<div>
<h2>Successful Authentications</h2>
</div>
<style>
h2 {
text-align: center;
background-color:gray ;
border: 1px solid black;
border-radius: 25px;
}
.dashboard-panel {
background-color: #177843;
border-radius: 25px;
border: 2px solid #73AD21;
}
.dashboard-panel:hover {
transform: scale(0.95);
}
</style>
</html>
<single>
<search>
<query>| tstats count from datamodel=Authentication.Authentication where Authentication.EventCode=4624</query>
<earliest>$time.earliest$</earliest>
<latest>$time.latest$</latest>
<sampleRatio>1</sampleRatio>
</search>
<option name="drilldown">none</option>
<option name="rangeColors">["0x53a051","0x0877a6","0xf8be34","0xf1813f","0xdc4e41"]</option>
<option name="refresh.display">progressbar</option>
</single>
</panel>
<panel>
<title></title>
<html>
<div>
<h2>Failed Authentications</h2>
</div>
</html>
<single>
<search>
<query>| tstats count from datamodel=Authentication.Authentication where Authentication.EventCode=4625</query>
<earliest>$time.earliest$</earliest>
<latest>$time.latest$</latest>
</search>
<option name="drilldown">none</option>
<option name="refresh.display">progressbar</option>
</single>
</panel>
<panel>
<html>
<div>
<h2>User Account Created</h2>
</div>
</html>
<single>
<search>
<query>| tstats count from datamodel=Authentication.Authentication where Authentication.EventCode=4720</query>
<earliest>$time.earliest$</earliest>
<latest>$time.latest$</latest>
</search>
<option name="drilldown">none</option>
<option name="refresh.display">progressbar</option>
</single>
</panel>
<panel>
<html>
<div>
<h2>Account Lockout</h2>
</div>
</html>
<single>
<search>
<query>| tstats count as "Accounts Created" from datamodel=Authentication.Authentication where Authentication.EventCode=4740</query>
<earliest>$time.earliest$</earliest>
<latest>$time.latest$</latest>
</search>
<option name="drilldown">none</option>
<option name="refresh.display">progressbar</option>
</single>
</panel>
</row>
</form>

Kindly check with source code

0 Karma
Get Updates on the Splunk Community!

Index This | How many sides does a circle have?

February 2024 Edition Hayyy Splunk Education Enthusiasts and the Eternally Curious!  We’re back with another ...

Registration for Splunk University is Now Open!

Are you ready for an adventure in learning?   Brace yourselves because Splunk University is back, and it's ...

Splunkbase | Splunk Dashboard Examples App for SimpleXML End of Life

The Splunk Dashboard Examples App for SimpleXML will reach end of support on Dec 19, 2024, after which no new ...