Dashboards & Visualizations

Change title of dashboard pages

arcotdeepika
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

arcotdeepika
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

niketn
Legend

@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

niketn
Legend

@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!!!"
Get Updates on the Splunk Community!

Index This | I am a number, but when you add ‘G’ to me, I go away. What number am I?

March 2024 Edition Hayyy Splunk Education Enthusiasts and the Eternally Curious!  We’re back with another ...

What’s New in Splunk App for PCI Compliance 5.3.1?

The Splunk App for PCI Compliance allows customers to extend the power of their existing Splunk solution with ...

Extending Observability Content to Splunk Cloud

Register to join us !   In this Extending Observability Content to Splunk Cloud Tech Talk, you'll see how to ...