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.
Thanks in advance !
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);
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);
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 🙂
Definitely better to define things that can't be controlled directly without accessing the backend.