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

Webinar Recap | Revolutionizing IT Operations: The Transformative Power of AI and ML ...

The Transformative Power of AI and ML in Enhancing Observability   In the realm of IT operations, the ...

.conf24 | Registration Open!

Hello, hello! I come bearing good news: Registration for .conf24 is now open!   conf is Splunk’s rad annual ...

ICYMI - Check out the latest releases of Splunk Edge Processor

Splunk is pleased to announce the latest enhancements to Splunk Edge Processor.  HEC Receiver authorization ...