Solved: Adding a picture to a dashboard in XML Source Code

cdson · ‎11-03-2022

Hello! So I just have a dashboard for practicing different searches and XML Code, etc (MacOS). and I was trying to include a random static jpg picture in the source code in the beginning of my dashboard. This is what I have in source code based on similar questions here on Splunk Answers:

<html>

/*this is where all my styling is for font, size, colors, alignment, etc. for a title and I wanted to include a jpg right after*/

<img src="static/app/search/images/picture.jpg/">

</html>

I'm not sure what exact file path to place my jpg or code I would need to get this to work. There are two different answers I found here on Splunk Answers:

splunk/etc/apps/search/appserver/static/images/picture.jpg

splunk/apps/search/static/images/picture.jpg

I tried both ways to no avail. (I created the folder 'images')

gcusello · ‎11-03-2022

Hi @cdson,

you have to put your images in $SPLUNK_HOME/etc/apps/<your_app>appserver/static and then this is the code to add to in a panel of a a Classic Dashboard:

  <row>
    <panel>
      <html>
          <div style="width:100%;height:100%;text-align:center;">
              <img style="height:97px;border;0;" src="/static/app/<app_name>/<image_filename>.png"/>
            </a>
          </div>
        </html>
    </panel>
  </row>

Here you can find information about to do this: https://docs.splunk.com/Documentation/DashApp/0.9.0/DashApp/chartsImage

Ciao.

Giuseppe

View solution in original post

gcusello · ‎11-03-2022

Hi @cdson,

you have to put your images in $SPLUNK_HOME/etc/apps/<your_app>appserver/static and then this is the code to add to in a panel of a a Classic Dashboard:

  <row>
    <panel>
      <html>
          <div style="width:100%;height:100%;text-align:center;">
              <img style="height:97px;border;0;" src="/static/app/<app_name>/<image_filename>.png"/>
            </a>
          </div>
        </html>
    </panel>
  </row>

Here you can find information about to do this: https://docs.splunk.com/Documentation/DashApp/0.9.0/DashApp/chartsImage

Ciao.

Giuseppe

Adding a picture to a dashboard in XML Source Code

dashboard

simple XML

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

Observability Simplified: Combining User Experience, Application Performance & ...

Event Series May & June: From Network Visibility to Service Intelligence

Global Splunk User Group Events: May + June 2026

Join the Conversation