Archive
Highlighted

Display both App Logo and App Name in Splunk 6 Custom Application

Explorer

Is there a way to display both the App Logo and the App Name in the app-bar in Splunk 6 Custom Application?

I have created a new logo for my custom appliction called appLogo.png when I store the logo in the following location $SPLUNK_HOME/etc/apps/<app-name>/static the application picks up the logo and displays the logo but it then removes the app name. Before I added the logo the app name was displaying where the logo is now displaying.

Here is the custom custom CSS I have added for the appLogo and app-name

.app-bar .app-name {

     font-weight: bold !important;

}

.appLogo {

     background: url("appLogo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);

}

Am I missing any CSS properties to display both the appLogo and app-name?

Tags (2)
Highlighted

Re: Display both App Logo and App Name in Splunk 6 Custom Application

SplunkTrust
SplunkTrust

Try renaming your app image as appIcon.png instead of appLogo.png

0 Karma
Highlighted

Re: Display both App Logo and App Name in Splunk 6 Custom Application

Explorer

Thanks for your suggestion. I tried changing the appLogo.png to appIcon.png. appIcon will change the the icon displayed next to the app name on the Splunk Home page. appIcon.png will not display in the dashboard next to the app-name even when I have the following css

.appLogo {
background: url(appIcon.png) no-repeat 0 0;
background-repeat: no-repeat;
}

0 Karma
Highlighted

Re: Display both App Logo and App Name in Splunk 6 Custom Application

Explorer

I figure out how to get both the appLogo and app-name to be displayed in the app-bar. Below is the solution that worked for me.

Solution:

  1. Saved the logo as appLogo.png and stored it in the following location $SPLUNK_HOME/etc/apps/<app-name>/static
  2. Added the following CSS parameters to my custom view
    .app-bar .app-name {
         font-weight: bold !important;
         display: inline !important;
    }
    .appLogo {
         background: url("appLogo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    }
    .app-name .app-logo {
         display: inline !important;
    }
Highlighted

Re: Display both App Logo and App Name in Splunk 6 Custom Application

Communicator

Hi,

Following your question, I have tried to also change the logo of the app on left menu on the Home page. The logo appears successfully but I would also like to change the background color of the style/shape.

Does it require to create a new css model on the apps/yourapps folder ?

Thanks for your help.

Regards,

Cyril

0 Karma
Highlighted

Re: Display both App Logo and App Name in Splunk 6 Custom Application

Motivator

Hi SirHill
You don't need css to change your style background color
In splunk web go to
Settings > User Interface > Navigation Menu and Click on your app in drop down App context then on default and modify this color=#..........
You could see something like this

<nav search_view="search" color="#65A637">
  <view name="search" default="true" />
  <view name="pivot" />
  <view name="reports" />
  <view name="alerts" />
  <view name="dashboards" />
</nav>
Highlighted

Re: Display both App Logo and App Name in Splunk 6 Custom Application

Communicator

Thanks for your reply but it's not there I want to change the background color but on the homepage:

splunkwebaddress:8000/en-US/app/launcher/home

On the left side menu (vertical) --> Splunk 6.2.2

I would like to change the color for each of different app shortcut.

Thanks again.

Cyril

0 Karma
Highlighted

Re: Display both App Logo and App Name in Splunk 6 Custom Application

Communicator

That's fine it works as explained. Thanks chimell. I thought it changed only on the page of the app itself.

0 Karma
Highlighted

Re: Display both App Logo and App Name in Splunk 6 Custom Application

Path Finder

Hello everyone,

were you able to find a solution, in order to display App logo and App name, on navigation menu?

Thanks in advance

0 Karma
Highlighted

Re: Display both App Logo and App Name in Splunk 6 Custom Application

Communicator
0 Karma