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!

SOC4Kafka - New Kafka Connector Powered by OpenTelemetry

The new SOC4Kafka connector, built on OpenTelemetry, enables the collection of Kafka messages and forwards ...

Event Series: Level up your SOC: Advancing with Splunk Enterprise Security

AI has fundamentally raised the stakes for security operations, and this three-part series is your guide to ...

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