topic Display both App Logo and App Name in Splunk 6 Custom Application in All Apps and Add-ons

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

Brittany_Carr — Wed, 07 May 2014 16:58:20 GMT

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?

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

somesoni2 — Wed, 07 May 2014 17:11:38 GMT

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

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

Brittany_Carr — Wed, 07 May 2014 18:13:03 GMT

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;
}

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

Brittany_Carr — Wed, 07 May 2014 19:21:41 GMT

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:

Saved the logo as appLogo.png and stored it in the following location $SPLUNK_HOME/etc/apps/<app-name>/static
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;
}

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

SirHill17 — Thu, 02 Apr 2015 11:15:07 GMT

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

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

chimell — Thu, 02 Apr 2015 12:16:15 GMT

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>

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

SirHill17 — Thu, 02 Apr 2015 12:36:19 GMT

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

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

SirHill17 — Thu, 02 Apr 2015 15:22:49 GMT

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

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

nuaraujo — Thu, 05 Apr 2018 08:35:22 GMT

Hello everyone,

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

Thanks in advance

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

sh254087 — Wed, 14 Nov 2018 06:54:33 GMT

Follow the steps here - http://dev.splunk.com/view/webframework-developapps/SP-CAAAE86