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!

Best Practices: Splunk auto adjust pipeline queue

When you enable autoAdjustQueue in Splunk, maxSize should be understood as the queue size Splunk starts with ...

Laser Bananas and Edge Hubs: Exploring Operational Technology (OT) Data Through a ...

  OT is a different environment to traditional IT and can have interesting challenges when interfacing the ...

Event Series: Mastering AI Tokenomics and Splunk Agent Observability

Beyond the Black Box: Correlating AI Performance and Tokenomics with Splunk Agent Observability   As ...