All Apps and Add-ons

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

Brittany_Carr
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)

sh254087
Communicator
0 Karma

nuaraujo
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

SirHill17
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

SirHill17
Communicator

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

0 Karma

chimell
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>

SirHill17
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

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

Brittany_Carr
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

somesoni2
SplunkTrust
SplunkTrust

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

0 Karma
Get Updates on the Splunk Community!

Index This | I am a number, but when you add ‘G’ to me, I go away. What number am I?

March 2024 Edition Hayyy Splunk Education Enthusiasts and the Eternally Curious!  We’re back with another ...

What’s New in Splunk App for PCI Compliance 5.3.1?

The Splunk App for PCI Compliance allows customers to extend the power of their existing Splunk solution with ...

Extending Observability Content to Splunk Cloud

Register to join us !   In this Extending Observability Content to Splunk Cloud Tech Talk, you'll see how to ...