Dashboards & Visualizations

Customizing layout of a view

snowmizer
SplunkTrust
SplunkTrust

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
Get Updates on the Splunk Community!

How I Instrumented a Rust Application Without Knowing Rust

As a technical writer, I often have to edit or create code snippets for Splunk's distributions of ...

Splunk Community Platform Survey

Hey Splunk Community, Starting today, the community platform may prompt you to participate in a survey. The ...

Observability Highlights | November 2022 Newsletter

 November 2022Observability CloudEnd Of Support Extension for SignalFx Smart AgentSplunk is extending the End ...