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!

Splunk Observability Cloud's AI Assistant in Action Series: Auditing Compliance and ...

This is the third post in the Splunk Observability Cloud’s AI Assistant in Action series that digs into how to ...

Splunk Community Badges!

  Hey everyone! Ready to earn some serious bragging rights in the community? Along with our existing badges ...

What You Read The Most: Splunk Lantern’s Most Popular Articles!

Splunk Lantern is a Splunk customer success center that provides advice from Splunk experts on valuable data ...