topic How to add an image/logo in the top panel on my dashboards in Splunk 6.1.3? in Dashboards & Visualizations

How to add an image/logo in the top panel on my dashboards in Splunk 6.1.3?

splunkn — Wed, 12 Nov 2014 06:21:49 GMT

I want to add my company logo in top panel on my dashboards. Im running splunk version 6.1.3
I have used html module in simple xml. However no luck.
Any ideas?

Am I able to schedule [pdf] that dashboard with that image?
Is that any size constraints?

Thanks in advance

Re: How to add an image/logo in the top panel on my dashboards in Splunk 6.1.3?

MuS — Wed, 12 Nov 2014 07:45:27 GMT

Hi splunkn,

take a look at the docs http://docs.splunk.com/Documentation/Splunk/6.1.3/AdvancedDev/UseCSS#Add_images this will give some examples how to add images / logos into your app / dashboard.

cheers, MuS

Re: How to add an image/logo in the top panel on my dashboards in Splunk 6.1.3?

Raghav2384 — Wed, 12 Nov 2014 13:03:17 GMT

Adding to @MuS , with 6.x above, application.css and application.js are ignored. You have to link the stylesheet in the simple xml code.

Oh and use firebug to get the classes eg.fieldset and add a reference in your application.css . I have done something similar a week ago to an app.

Thanks,
Raghav

Re: How to add an image/logo in the top panel on my dashboards in Splunk 6.1.3?

splunkn — Wed, 12 Nov 2014 13:40:21 GMT

Raghav, With html im able to get the logo in my dashboard.
But if I scheduled this dashboard as pdf im not getting the image in my pdf report.
Could you please explain?

Thanks in advance

Re: How to add an image/logo in the top panel on my dashboards in Splunk 6.1.3?

NOUMSSI — Thu, 11 Dec 2014 11:50:00 GMT

Hi,

To do that, create your dashboard and a css file; then put the css file in $SPLUNK_HOME/etc/apps//appserver/static. Call that css file in your dashboard. After node add this example of source code:

<html>
     <h1 id="id2">
             Top Sourcetypes (Last 24 hours)
      </h1>         
</html>

Copy your image logo in the directory $SPLUNK_HOME/etc/apps//appserver/static. the image most have the extension .png, .jpeg.
Now, in your css file, add this source code:

#id2 {
    background-image: url(your_image_name.png);

}

Finally save.
If there is no change, try to restart splunk.,