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;
}
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!

Announcing Modern Navigation: A New Era of Splunk User Experience

We are excited to introduce the Modern Navigation feature in the Splunk Platform, available to both cloud and ...

Preparing your Splunk Environment for OpenSSL3

The Splunk platform will transition to OpenSSL version 3 in a future release. Actions are required to prepare ...

Self-Healing Pipeline Is Now Generally Available: AI-Powered CIM Compliance

Maintaining data integrity across security and analytics pipelines is an ongoing challenge. Data ...