How do I use HTML on multiple panels?

danielbb — Fri, 29 Nov 2024 20:06:51 GMT

I want to use HTML on multiple panels in order to create a custom layout of my Splunk Dashboard. I want to use this layout where each rectangle is a panel -

Please advise. Is this possible to implement in a Splunk Dashboard?

Re: How do I use HTML on multiple panels?

ITWhisperer — Fri, 29 Nov 2024 20:17:45 GMT

This is easy to do in Dashboard Studio. Either use absolute or grid layouts.

Re: How do I use HTML on multiple panels?

dural_yyz — Fri, 29 Nov 2024 21:45:31 GMT

Classic XML dashboards wont let you extend multiple rows.

Re: How do I use HTML on multiple panels?

tscroggins — Sat, 30 Nov 2024 19:09:51 GMT

Hi @danielbb,

As an alternative in Simple XML, you can stack visualizations vertically by including more than one visualization in a panel:

Some visualizations may require an empty spacer, e.g. an <html/> section, to defeat the auto-layout code. Here's an extended example using an inverse normal macro (not shown) to generate a bit of random data:

<dashboard version="1.1" theme="light"> <label>danielbb_layout</label> <search id="base"> <query>| gentimes start=11/29/2024:00:00:00 end=11/30/2024:00:00:00 increment=1m | eval _time=starttime | fields + _time | sort 0 - _time | eval x=`norminv("`rand()`*(0.9999999999999999-0.0000000000000001)+0.0000000000000001", 1.3, 10)`</query> </search> <search id="stats" base="base"> <query>| stats avg(x) as u stdev(x) as s</query> </search> <row> <panel> <html> <h1>Some Random Data</h1> </html> </panel> </row> <row> <panel> <chart> <title>Histogram</title> <search base="base"> <query>| chart count over x span=0.5</query> </search> <option name="charting.legend.placement">none</option> <option name="height">600</option> </chart> </panel> <panel> <chart> <title>Samples</title> <search base="base"></search> <option name="charting.legend.placement">none</option> </chart> <single> <title>Mean</title> <search base="stats"> <query>| fields u</query> </search> <option name="numberPrecision">0.000</option> </single> <html/> <single> <title>Standard Deviation</title> <search base="stats"> <query>| fields s</query> </search> <option name="numberPrecision">0.000</option> </single> </panel> </row> </dashboard>

Re: How do I use HTML on multiple panels?

dural_yyz — Mon, 02 Dec 2024 15:14:36 GMT

Awesome information - thank you for demo and tips.

topic Re: How do I use HTML on multiple panels? in Dashboards & Visualizations

How do I use HTML on multiple panels?

Re: How do I use HTML on multiple panels?

Re: How do I use HTML on multiple panels?

Re: How do I use HTML on multiple panels?

Re: How do I use HTML on multiple panels?