Dashboards & Visualizations

Hiding navigation bar - invisible in dashboards, briefly visible while switching between them

arkadyz1
Builder

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.

Tags (2)
0 Karma
1 Solution

arkadyz1
Builder

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.

View solution in original post

arkadyz1
Builder

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.

arkadyz1
Builder

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

0 Karma

Richfez
SplunkTrust
SplunkTrust

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

0 Karma

arkadyz1
Builder

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!

0 Karma

arkadyz1
Builder

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?

0 Karma
Get Updates on the Splunk Community!

BSides Splunk 2022 - The Call for Papers is now Open!

TLDR; Main Site: https://bsidessplunk.com CFP Site: https://bsidessplunk.com/cfp CFP Opens: December 15th, ...

Sending Metrics to Splunk Enterprise With the OpenTelemetry Collector

This blog post is part of an ongoing series on OpenTelemetry. The OpenTelemetry project is the second largest ...

What's New in Splunk Cloud Platform 9.0.2208?!

Howdy!  We are happy to share the newest updates in Splunk Cloud Platform 9.0.2208! Analysts can benefit ...