Our company needs to build a Splunk application for a customer with 'Splunk' fully hidden from view. I succeeded in hiding the navigation bar from the dashboards by adding
.navbar {
display: none !important;
}
to etc/apps/app_name/appserver/static/dashboard.css
. However, when I switch from one dashboard to another, the black navigation bar with letters 'splunk>' in the upper left corner is briefly visible. This flicker is quite noticeable, and 'splunk>' is very prominent. I thought I could disable this in application.css
(same folder) but it doesn't seem to work. Are there any other files I need to change/create?
Edit: Is there a good way to selectively remove the navigation bar? For example, show it to admin user but not to others.
Solved this: in 6.2, there are all kinds of attributes I can specify in dashboard's XML ( form
tag). The one I needed is hideSplunkBar
- just set it to true
(default false
). I decided to hideFooter
as well while I'm at it :). It needs to be properly set in each dashboard - those which do not have hideSplunkBar
set will briefly display the navigation bar when you switch to them.
In fact, hiding .navbar
in CSS is no longer necessary once hideSplunkBar
is specified.
The question of hiding that stuff selectively still remains, of course. I'll need some JavaScript for that, it seems.
Solved this: in 6.2, there are all kinds of attributes I can specify in dashboard's XML ( form
tag). The one I needed is hideSplunkBar
- just set it to true
(default false
). I decided to hideFooter
as well while I'm at it :). It needs to be properly set in each dashboard - those which do not have hideSplunkBar
set will briefly display the navigation bar when you switch to them.
In fact, hiding .navbar
in CSS is no longer necessary once hideSplunkBar
is specified.
The question of hiding that stuff selectively still remains, of course. I'll need some JavaScript for that, it seems.
I did solve the selective hiding of stuff (including .navbar): take a look at my question and answer here:
http://answers.splunk.com/answers/218039/what-to-import-require-in-my-custom-javascript-to-1.html
This is from my old, tired brain and may not apply at all any more, but a couple of thoughts -
CSS may be loaded or applied after the page is already composed if your CSS is loading slow. You see that sometimes at random sites if they're being a bit slow - the browser will go ahead and display the non-CSS stuff for a bit until it gets it loaded up right. Could you open your site in Chrome and use the developer toolkit to confirm there are no slowdowns? Firefox's Inspector has a similar feature, too, IIRC.
Could you possibly get around this by uploading new assets and have them "rebrand" the nav bar stuff?
Lastly, could you build a new set of pages and embed splunk stuff into them? http://docs.splunk.com/Documentation/Splunk/6.1/Report/Embedscheduledreports
I'm quite a newbie, so I'm not sure what you mean by "rebranding" the nav bar. Could you please elaborate a little bit? Just a push in the right direction :).
Thanks in advance!
After poking around in my Splunk instance, I found a dasboard_live
view in search app which looks like it might have to do something with it. Is it a false lead or should I investigate further?