Archive

Change title of dashboard pages

Engager

Can anyone please let me know, how to change the title of our custom pages in dashboard.

Actually what I observed when i change the title in individual html pages, the same title reflects both in page title as well as listed name of dashboard.

Thanks in Advance.

Tags (2)
0 Karma

Engager

My Page is html page.

I am asking how to modify the page title in title bar without modifing existing dashboard name.

0 Karma

SplunkTrust
SplunkTrust

@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!!!"
0 Karma

SplunkTrust
SplunkTrust

@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!!!"