Dashboards & Visualizations

Customizing layout of a view

snowmizer
Communicator

I'm creating a dashboard using XML. I've added modules like a timerangepicker, paginator, count to my view. Right now everything shows up on different lines on my screen. What I'd like to be able to do is modify the layout so that I can move items next to other items (e.g. have the paginator and count on the same line).

Has anyone ever done this? Is it even possible?

Thanks.

Tags (1)
1 Solution

sideview
SplunkTrust
SplunkTrust

I would check out the link that Josh suggested: http://www.splunk.com/base/Documentation/latest/Developer/AdvancedSearch#specify_layout_panels

Some of the layoutPanels have special behaviour controlled by the CSS that we ship.
One example is the pageControls layoutPanel. When there's a Count module in there, and then a Paginator module, the Count module will float to the right instead of appearing on its own line.

Another example is the splSearchControls-inline layoutPanel, which is how we get the SearchBar, TimeRangePicker and SubmitButton to appear on the same line in the main search view (aka flashtimeline) . That layoutPanel has the behaviour where the leftmost of the N modules will be allocated as much width as possible, and the other N-1 modules will be squeezed to the right.

So there are some limited ways in which you can get a little flexibility.
But past a certain point if you're up for it you may want to create an application.css file yourself and start overriding our layout rules yourself. (see: http://www.splunk.com/base/Documentation/latest/Developer/UseCSS )

View solution in original post

sideview
SplunkTrust
SplunkTrust

I would check out the link that Josh suggested: http://www.splunk.com/base/Documentation/latest/Developer/AdvancedSearch#specify_layout_panels

Some of the layoutPanels have special behaviour controlled by the CSS that we ship.
One example is the pageControls layoutPanel. When there's a Count module in there, and then a Paginator module, the Count module will float to the right instead of appearing on its own line.

Another example is the splSearchControls-inline layoutPanel, which is how we get the SearchBar, TimeRangePicker and SubmitButton to appear on the same line in the main search view (aka flashtimeline) . That layoutPanel has the behaviour where the leftmost of the N modules will be allocated as much width as possible, and the other N-1 modules will be squeezed to the right.

So there are some limited ways in which you can get a little flexibility.
But past a certain point if you're up for it you may want to create an application.css file yourself and start overriding our layout rules yourself. (see: http://www.splunk.com/base/Documentation/latest/Developer/UseCSS )

jrodman
Splunk Employee
Splunk Employee
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!

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