Application Icon did not appear

[nlfatin]

Hi everyone.

I am in the midst of creating an app and I have been wanting to upload an App Icon (logo) so that it could appear in my Home page. However, it does not work. The method I used is as such:

Manager > Apps > myApp > Edit Properties > Upload Asset

I have placed my icon in this directory:
C:\Program Files\Splunk\etc\apps\myApp\appserver\static

I have tried to reformat my icon to .png and also .jpeg file but to no avail. I have tried restarting splunk numerous times.

Anyone know what went wrong?

Thanks in advance!
Nurul.

[Raghav2384]

Not sure if you got the answer.
With v6.2,
png should be inside
Splunkhome/etc/apps/appname/static/
Name: appIcon_2x.png
Refresh or Restart.
Hope this helps

[TimMc]

Regarding Splunk 6.1....

The browser may not know that it received an image if Splunk doesn't set a HTTP header:

Content-Type: image/png

If there's no Content-Type header and someone is trying to prevent MIME sniffing with the following HTTP header then the image won't load in browsers like IE8:

X-Content-Type-Options: nosniff

You can test this with something like Fidder4.

CTRL+R to edit CustomRules.js, and then add some code in OnBeforeResponse:

static function OnBeforeResponse(oSession: Session) {
    if (m_Hide304s && oSession.responseCode == 304) {
        oSession["ui-hide"] = "true";
    }
// Tim added the following two lines
oSession.oResponse.headers.Remove("X-Content-Type-Options");
oSession.oResponse.headers.Add("Content-Type", "image/png");

Inspect a response. Inspectors > Raw. See what was sent back from Splunk. Also check the browser to confirm whether the image is now loading correctly.

Tim.

[Damien_Dallimor]

Are you using Splunk 6 ? There are changes to the location you have to place your app icons and logos.

http://docs.splunk.com/Documentation/Splunk/6.0/Installation/ChangesforSplunkappdevelopers#We_have_c...

[fabiocaldas]

Thanks Damien !!

[proletariat99]

That worked... we had upgraded, but I had created the app in a previous version. I created the the static folder myself ($SPLUNK_HOME$/etc/apps/<app name>/static) and then moved the appIcon.png (32x32) in there and it worked just fine.

Thanks!

[jkat54]

@proletarait99 - can you mark this as the answer please?

[ShaneNewman]

I had the same issue, go to the main URL and type/info after 8000. At the bottom there is a cache control to force your browser to update. Doing this should make the changes appear.

[fabiocaldas]

Hi ShaneNewman, the changes regarding Splunk6 folders were the problem, I just moved the icon to the correct new folder and it worked. Thanks for you help and time !!

[ShaneNewman]

Did you make sure to reference the file name in the application.css in the appserver\static directory?

.appLogo {
height: 42px;
width: 104px;
background: url(yourlogo.png) no-repeat 0 0;
}

[fabiocaldas]

I copied the same appIcon used by SOS (splunk on splunk), restarted server and cleared the cache, but the icon is still not appearing. Any other ideia?

[fabiocaldas]

I'm also having the same problem. Did you solved it? My file is 36x36 png file.

[linu1988]

GIF file in Internet explorer/ PNG file in Chrome what i had tested

[dglinder]

Can you upload your PNG icon somewhere? It's possible the PNG file is corrupt or not quite what Splunk expects. My icons all seem to be 36x36 pixels - is it possible yours is slightly larger/smaller?