Dashboards & Visualizations

How to add padding between trellis single value blocks?

eholz1
Contributor

Hello Splunkers,

Is there a way to add padding or control white space between the single value blocks in the

aggregated fields? i.e I have three blocks created in single-value using the trellis viz. This creates three nice blocks, but I would like to increase the white space between them if possible.

Or use 3 separate single value viz, and space them with padding, etc.

thank you for a great resource,

eholz

Labels (2)
Tags (1)
0 Karma

danspav
SplunkTrust
SplunkTrust

Hi @eholz1,


You can try the small/medium/large trellis sizing to see if they give you enough white space between the blocks.

If not, you can try tweaking the CSS:

<row depends="$CSS_ONLY$">
<html><style>
div.viz-facet-size-medium{border:1px solid blue;margin-right: 65px;margin-bottom:65px;}
</style></html>
</row>

 

The above makes my medium panels look like this:

danspav_0-1686020583554.png

The blue outline is just to help visualize how big the gaps are.

Tweaking the margin to 5px gives:

danspav_1-1686020658498.png

The different CSS classes to tweak are:

  • div.viz-facet-size-small{margin: 0px 15px 15px 0px;}
  • div.viz-facet-size-medium{margin: 0px 15px 15px 0px;}
  • div.viz-facet-size-large{margin: 0px 15px 15px 0px;}


Cheers,
Daniel

0 Karma
Get Updates on the Splunk Community!

.conf24 | Day 0

Hello Splunk Community! My name is Chris, and I'm based in Canberra, Australia's capital, and I travelled for ...

Enhance Security Visibility with Splunk Enterprise Security 7.1 through Threat ...

 (view in My Videos)Struggling with alert fatigue, lack of context, and prioritization around security ...

Troubleshooting the OpenTelemetry Collector

  In this tech talk, you’ll learn how to troubleshoot the OpenTelemetry collector - from checking the ...