Join the Conversation
- 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.
Index This | What is broken 80% of the time by February?
Unlock Faster Time-to-Value on Edge and Ingest Processor with New SPL2 Pipeline ...
Splunk MCP & Agentic AI: Machine Data Without Limits
