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!

Update Your SOAR Apps for Python 3.13: What Community Developers Need to Know

To Community SOAR App Developers - we're reaching out with an important update regarding Python 3.9's ...

October Community Champions: A Shoutout to Our Contributors!

As October comes to a close, we want to take a moment to celebrate the people who make the Splunk Community ...

Automatic Discovery Part 2: Setup and Best Practices

In Part 1 of this series, we covered what Automatic Discovery is and why it’s critical for observability at ...