Dashboards & Visualizations

Column/Row Span on dashboard

msarro
Builder

Hey everyone. I am just trying to find out if its possible to make a chart span multiple columns or rows in a dashboard. I am just now toying with interactive dashboards and to make the layout look nicer I'd like to move things around a bit more. Any suggestions would be appreciated.

Tags (2)
0 Karma
1 Solution

ziegfried
Influencer

You can't specify a column or row span, but you can influence the layout with custom CSS. To do so create a file called application.css in $SPLUNK_HOME/etc/apps/<your app>/appserver/static and put in those custom styles you want.

It's easily possible to target CSS rules for specific views and elements/modules wihin those views. Every view has a unique class in it's body tag you can reference and every module has it's own unique class as well. And you can refernce the layout row/column element by their CSS class.

Example:

.splView-mydemoview .panel_row2_col .layoutCell { width: 25%; }
.splView-mydemoview .panel_row2_col .firstCell { width: 50% !important; }

You can explore and play with those styles using tools like Firebug.

View solution in original post

ziegfried
Influencer

You can't specify a column or row span, but you can influence the layout with custom CSS. To do so create a file called application.css in $SPLUNK_HOME/etc/apps/<your app>/appserver/static and put in those custom styles you want.

It's easily possible to target CSS rules for specific views and elements/modules wihin those views. Every view has a unique class in it's body tag you can reference and every module has it's own unique class as well. And you can refernce the layout row/column element by their CSS class.

Example:

.splView-mydemoview .panel_row2_col .layoutCell { width: 25%; }
.splView-mydemoview .panel_row2_col .firstCell { width: 50% !important; }

You can explore and play with those styles using tools like Firebug.

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!

Persistent Queue at TcpOut — One of Splunk's Most Practical Features

Splunk introduced persistent queueing at the tcpout layer as one of the most practical resilience features in ...

Skip the Awkward Silence: Have a .conf-ersation at .conf26

Picture this. You arrive at .conf26 already having your socializing and networking plans mapped out. No ...

Rethinking Zero Trust: From Product Purchases to Logical Control Evidence

Implementing Zero Trust (ZT) across complex environments often falters at the very beginning due to a ...