Dashboards & Visualizations

How to add padding between trellis single value blocks?

eholz1
Builder

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
Got questions? Get answers!

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Meet up IRL or virtually!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

Get Updates on the Splunk Community!

ATTENTION: We’re Moving! (AGAIN!)

The Splunk Community Slack is undergoing a system migration to keep our workspace secure and ...

Deep Dive: Optimizing Telemetry Pipelines in Splunk Observability Cloud

In this session, we will peel back the layers of Splunk Observability Cloud’s cost-optimization features. ...

Announcing Modern Navigation: A New Era of Splunk User Experience

We are excited to introduce the Modern Navigation feature in the Splunk Platform, available to both cloud and ...