Are you a member of the Splunk Community?
- Find Answers
- :
- Using Splunk
- :
- Dashboards & Visualizations
- :
- How to add another app-bar, right below App's defa...
- 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 have a requirement where I need to show multiple DB connectivity status icons right below the apps navigation bar.
Also, I need this to be visible throughout the app, irrespective of which dashboard I navigate to.
- Is it possible for any app to have multiple app-bars? How to achieve this?
- Alternatively how can we add a div tag below existing app-bar, to customize it with different color and add custom icons to it?
- Any other way to achieve this?
Thanks in advance !
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Got a solution for this.
We used javascript to add our own customized div tags which changes on search result and used css for the appropriate styling. Sample snippet for adding div tags:
var div = document.createElement('div');
div.className = 'statusbar';
div.id = 'statusbar';
div.innerHTML = '<ul><li id="dbstatus1" >DB1 : <div id="dbstatus1-icon"></div></li><li id="filestatus" >FILE: <div id="filestatus-icon"></div></li></ul>';
var p= document.getElementsByClassName('header splunk-header splunk-view')[0]
p.appendChild(div);
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Got a solution for this.
We used javascript to add our own customized div tags which changes on search result and used css for the appropriate styling. Sample snippet for adding div tags:
var div = document.createElement('div');
div.className = 'statusbar';
div.id = 'statusbar';
div.innerHTML = '<ul><li id="dbstatus1" >DB1 : <div id="dbstatus1-icon"></div></li><li id="filestatus" >FILE: <div id="filestatus-icon"></div></li></ul>';
var p= document.getElementsByClassName('header splunk-header splunk-view')[0]
p.appendChild(div);
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
In simplexml you can add an html panel at the top and add what you want there -
<row>
<panel>
<html>
<div>
your stuff goes here
</div>
</html>
</panel>
</row>
Instead of trying to make it persistent across every dashboard, you can just add it to every dashboard 🙂
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Definitely better to define things that can't be controlled directly without accessing the backend.
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
