Join the Conversation
- Find Answers
- :
- Using Splunk
- :
- Dashboards & Visualizations
- :
- Remove the reserved space for title bar left behin...
- Subscribe to RSS Feed
- Mark Topic as New
- Mark Topic as Read
- Float this Topic for Current User
- Bookmark Topic
- Subscribe to Topic
- Mute Topic
- Printer Friendly Page
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
I am hiding the title bar using - hideTitle="true". However, the space used by the title bar still exists even while the title bar is hidden. I need to hide the title bar along with removing the space that's used or reserved by the title bar. Can someone please let me know how I can achieve this?
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
@sh254087,
Try adding this css part to your dashboard,
<row depends="$IamSupposedToBeHiddenAlways$">
<html>
<head>
<style type="text/css">
.dashboard-header {
margin-bottom: 10px;
padding-top: 10px;
min-height: 0px;
}
</style>
</head>
</html>
</row>
Adjust the padding-top to increase/decrease the margin
What goes around comes around. If it helps, hit it with Karma 🙂
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
I had to place this code within the first panel. I cannot put it in the row element.
<head>
<style type="text/css">
.splunk-header {
min-height: 0px;
}
.dashboard-header{
overflow: hidden;
margin-bottom: 0px;
padding-top: 0px;
min-height: 0px;
}
</style>
</head>
</html>
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
@sh254087,
Try adding this css part to your dashboard,
<row depends="$IamSupposedToBeHiddenAlways$">
<html>
<head>
<style type="text/css">
.dashboard-header {
margin-bottom: 10px;
padding-top: 10px;
min-height: 0px;
}
</style>
</head>
</html>
</row>
Adjust the padding-top to increase/decrease the margin
What goes around comes around. If it helps, hit it with Karma 🙂
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Thank you very much, @renjith.nair. This sure helped.
This removed the title bar space to a much extent. However a little gap still existed which as well got removed after adding another small piece of CSS.
body,
.dashboard-body,
.footer,
.dashboard-panel,
.nav,
.dashboard-cell{
overflow: hidden;
top: -20;
}
.dashboard-body{
top: -20;
}
Accelerating Observability as Code with the Splunk AI Assistant
Integrating Splunk Search API and Quarto to Create Reproducible Investigation ...
Congratulations to the 2025-2026 SplunkTrust!
