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!

Optimize Cloud Monitoring

  TECH TALKS Optimize Cloud Monitoring Tuesday, August 13, 2024  |  11:00AM–12:00PM PST   Register to ...

What's New in Splunk Cloud Platform 9.2.2403?

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

Stay Connected: Your Guide to July and August Tech Talks, Office Hours, and Webinars!

Dive into our sizzling summer lineup for July and August Community Office Hours and Tech Talks. Scroll down to ...