Dashboards & Visualizations

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

splunkn
Communicator

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

0 Karma

NOUMSSI
Builder

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.,

0 Karma

Raghav2384
Motivator

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

0 Karma

splunkn
Communicator

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

0 Karma

MuS
SplunkTrust
SplunkTrust

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

Get Updates on the Splunk Community!

A Season of Skills: New Splunk Courses to Light Up Your Learning Journey

There’s something special about this time of year—maybe it’s the glow of the holidays, maybe it’s the ...

Announcing the Migration of the Splunk Add-on for Microsoft Azure Inputs to ...

Announcing the Migration of the Splunk Add-on for Microsoft Azure Inputs to Officially Supported Splunk ...

Splunk Observability for AI

Don’t miss out on an exciting Tech Talk on Splunk Observability for AI! Discover how Splunk’s agentic AI ...