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.pngdanspav_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.pngdanspav_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!

Agentic SOC Triage: Investigating Splunk ES Notables with MCP Server and a Local LLM

The Problem: Too Many Alerts, Too Little Context Security operations teams running Splunk Enterprise Security ...

All Work and No Play? Not at .conf26! Unwind at These Evening Events

Between hands-on technical sessions, keynote reveals, and diving into live architectures, .conf26 is packed ...

Join the Hackathon at .conf26 and build a No-Code AI agent

Join us for the AI Agent Buildathon, an in-person, three-hour hands-on Hackathon where you’ll use Splunk Agent ...