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!

Announcing the 1st Round Champion’s Tribute Winners of the Great Resilience Quest

We are happy to announce the 20 lucky questers who are selected to be the first round of Champion's Tribute ...

We’ve Got Education Validation!

Are you feeling it? All the career-boosting benefits of up-skilling with Splunk? It’s not just a feeling, it's ...

What’s New in Splunk Cloud Platform 9.1.2308?

Hi Splunky people! We are excited to share the newest updates in Splunk Cloud Platform 9.1.2308! Analysts can ...