Are you a member of the Splunk Community?
- Find Answers
- :
- Using Splunk
- :
- Dashboards & Visualizations
- :
- Re: Change title of dashboard pages
- 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
Change title of dashboard pages
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
My Page is html page.
I am asking how to modify the page title in title bar without modifing existing dashboard name.
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
@arcotdeepika, have you converted your Dashboard to HTML?
My suggestion would still work for you, Since title name is dependent on dashboard name, use HTML panel or section to create your own Title.
Then in your HTML dashboard code hide Splunk's Dashboard title from the following code:
//
// DASHBOARD EDITOR
//
new Dashboard({
id: 'dashboard',
el: $('.dashboard-body'),
showTitle: false,
editable: false
}, {tokens: true}).render();
| makeresults | eval message= "Happy Splunking!!!"
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
@arcotdeepika if you want to come up with your own title, without impacting Dashboard Name, you can create HTML Panel for Title and hide Splunk Title using hideTitle=true (PS: This will also hide Edit Button post 6.4)
PS: overriding Splunk's default padding style for Dashboard is optional you may remove .dashboard-header style if you do not need it.
You can re-use this as Prebuilt-Panel to provide custom Header Section in all Dashboards in your Splunk App.
In the following example I have created HTML Panel with div for title with class as myTitle which I have styled using CSS.
<dashboard hideTitle="true">
<label>Your Original Splunk Title<label>
<description>Splunk Dashboard's name depends on label tag which is shown as Title</description>
<row>
<panel>
<html>
<style>
.dashboard-header {
margin-bottom: 0px;
padding-top: 0px;
min-height: 0px;
}
.myTitle{
font-size:150%;
font-weight:bold;
color:red;
text-align:center;
}
</style>
<div class="myTitle">My Custom Title</div>
</html>
</panel>
</row>
</dashboard>
| makeresults | eval message= "Happy Splunking!!!"
CX Day is Coming!
Strengthen Your Future: A Look Back at Splunk 10 Innovations and .conf25 Highlights!
Now Offering the AI Assistant Usage Dashboard in Cloud Monitoring Console
