Dashboards & Visualizations

layoutPanel for universal footer?

smisplunk
Path Finder

I'd like to add a ServerSideInclude module to each of my custom views to reference an HTML file for a common footer. The trouble is, I need a layoutPanel. Some of my views utilize the dashboard template, and others utilize the search template. In neither can I see a layoutPanel item for a footer. Am I missing something? Is there some easy, universal way to add chrome for the footer?

Tags (1)
1 Solution

sideview
SplunkTrust
SplunkTrust

No im afraid there is not a layoutPanel for any kind of footer. However custom CSS can close a lot of this gap for you.

It seems clear from the question that you're working in the advanced XML, but correct me if Im wrong.

In views that use the search template, the last module rendered into the resultsAreaLeft layoutPanel can act as a footer. If your view uses the 'sidebar' panel then this would be a little trickier but still doable.

And as for the dashboard template, you could have a convention of always putting the 'footer' ServerSideInclude into something like panel_row_20_col1 - that will give it it's own bordered panel and presumably it'll always be the lowest on the page, and then you just have to write some custom CSS to make all the border styling of that particular panel id go away.

And a third way is if you actually want a footer that's a) always visible and b) always stuck to the bottom edge of the browser window,

Put a ServerSideInclude module anywhere on the page, have a <div class="customFooter"> in it, and in your application.css you could then have this:

.customFooter {
    position:fixed;
    bottom:0px;
    left:0px;
    height:20px;
    width:100%;
    padding:2px 10px;
    background-color:#eee;
}
div.layout {
    padding-bottom:20px;
}

View solution in original post

sideview
SplunkTrust
SplunkTrust

No im afraid there is not a layoutPanel for any kind of footer. However custom CSS can close a lot of this gap for you.

It seems clear from the question that you're working in the advanced XML, but correct me if Im wrong.

In views that use the search template, the last module rendered into the resultsAreaLeft layoutPanel can act as a footer. If your view uses the 'sidebar' panel then this would be a little trickier but still doable.

And as for the dashboard template, you could have a convention of always putting the 'footer' ServerSideInclude into something like panel_row_20_col1 - that will give it it's own bordered panel and presumably it'll always be the lowest on the page, and then you just have to write some custom CSS to make all the border styling of that particular panel id go away.

And a third way is if you actually want a footer that's a) always visible and b) always stuck to the bottom edge of the browser window,

Put a ServerSideInclude module anywhere on the page, have a <div class="customFooter"> in it, and in your application.css you could then have this:

.customFooter {
    position:fixed;
    bottom:0px;
    left:0px;
    height:20px;
    width:100%;
    padding:2px 10px;
    background-color:#eee;
}
div.layout {
    padding-bottom:20px;
}
Get Updates on the Splunk Community!

New Case Study: How LSU’s Student-Powered SOCs and Splunk Are Shaping the Future of ...

Louisiana State University (LSU) is shaping the next generation of cybersecurity professionals through its ...

Splunk and Fraud

Join us on November 13 at 11 am PT / 2 pm ET!Join us for an insightful webinar where we delve into the ...

Build Your First SPL2 App!

Watch the recording now!.Do you want to SPL™, too? SPL2, Splunk's next-generation data search and preparation ...