Dashboards & Visualizations
Highlighted

Background color in navbar is gone in 7.1 and 7.2

Builder

I do like to color the navbar to differentiate the apps. It makes it easy for the user to see on the bar what apps they are inn.
But on 7.1/7.2 this is gone due to the new design.

I add this
default/data/ui/nav/default.xml
nav color="#6699ff"

to get nice color.

Anyone know how to get back the color in 7.1/7.2 as it was in 7.0

UPDATE (still missing in 7.2)
You can use the information from alacercogitatus post and modify every dashboard, but if you have a default.xml like this:

<nav">
  <collection label="Views">
    <view name="my app#1" default='true'/>
    <view name="my app#2"/>
    <view name="my app#3"/>
  </collection>
  <view name="search"/>
  <view name="reports"/>
  <view name="alerts"/>
  <view name="dashboards"/>
</nav>

You only change color for my app#1 to my app#3
When you select search, reports, alerts and dashboard it goes back to default splunk color for the nav bar.

I the old way with nav color, color stayed on for all menu item....

<nav color="#d15c34"">
  <collection label="Views">
    <view name="my app#1" default='true'/>
    <view name="my app#2"/>
    <view name="my app#3"/>
  </collection>
  <view name="search"/>
  <view name="reports"/>
  <view name="alerts"/>
  <view name="dashboards"/>
</nav>
Tags (2)
Highlighted

Re: Background color in navbar is gone in 7.1 and 7.2

Contributor

The background of the icon in the upper right changes its background color.

0 Karma
Highlighted

Re: Background color in navbar is gone in 7.1 and 7.2

Builder

I do not see my old color behind my icon, just the new grey color.

0 Karma
Highlighted

Re: Background color in navbar is gone in 7.1 and 7.2

SplunkTrust
SplunkTrust

The icon should be a transparent background, to deal with app bar color changes such as this. @lakromani See Answer Below on how to change per-dashboard.

0 Karma
Highlighted

Re: Background color in navbar is gone in 7.1 and 7.2

SplunkTrust
SplunkTrust

Yes, with any new design some people like it one way, some the other. BUT if you notice, the color isn't totally gone. The hover color of the navigation menus are the same color as the title bar was before.

BUT IF You STILL WANT TO CHANGE IT - Add the below to Simple XML Dashboards to change the color of the bar. This only works on dashboards. views/shared/appbar/Master is the background of the main bar, and underline is the background color for whatever dashboard you are on.

 <row depends="$no_show$">
    <panel>
      <html>
        <style>
          div[data-view="views/shared/appbar/Master"] {
            background-color: green;
            }
           div[data-role="underline"] {
            background-color:red;
           }
        </style>
      </html>
    </panel>
  </row>
Highlighted

Re: Background color in navbar is gone in 7.1 and 7.2

Contributor

whether I like the new UI or not, is not really relative. Splunk made a change, that affects every implementation. I have 50-100 different apps, most are in use, and unrelated. I have knowledge articles with pictures and everyone has to be updated. There was no warning or option not to change.
True I do not have to upgrade yet, but when I do I have a lot of work that should not be done.
These changes should be limited to major changes, not feature updates.

Highlighted

Re: Background color in navbar is gone in 7.1 and 7.2

Champion

I feel your pain.

Sadly, this is not the first nor will it likely be the last time breaking changes happen to app/UI related items for Splunk. Semantic versioning seems to only apply to under-the-hood indexing and search related things. Le sigh ...

I wouldn't bet on it changing back.

0 Karma
Highlighted

Re: Background color in navbar is gone in 7.1 and 7.2

Builder

I do mark this as accepted since it works. But I am not sure if this small change is to the better.
Needing to mod all dashboard in all my app, not some I like to do. Also this will add some bytes to all dashboard and not the small setting in default.xml

0 Karma
Highlighted

Re: Background color in navbar is gone in 7.1 and 7.2

Engager

This is a major pain. I will have to redo all my applications. Will hold at 7.0.x for now.

Highlighted

Re: Background color in navbar is gone in 7.1 and 7.2

Contributor

You can change the color of this on all custom dashboards in an app by adding the following to the app's appserver/static/dashboard.css file:

.splunk-header.splunk-view.splunk-header.splunk-view > div[data-view="views/shared/appbar/Master"] {
    background-color: #742255;
}

View solution in original post