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!

Index This | What travels the world but is also stuck in place?

April 2026 Edition  Hayyy Splunk Education Enthusiasts and the Eternally Curious!   We’re back with this ...

Discover New Use Cases: Unlock Greater Value from Your Existing Splunk Data

Realizing the full potential of your Splunk investment requires more than just understanding current usage; it ...

Continue Your Journey: Join Session 2 of the Data Management and Federation Bootcamp ...

As data volumes continue to grow and environments become more distributed, managing and optimizing data ...