My Page is html page.
I am asking how to modify the page title in title bar without modifing existing dashboard name.
@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();
@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>