Dashboards & Visualizations

How do I simply insert an image into a dashboard?

adamsmith47
Communicator

I know this should be relatively simple to do. I've tried literally dozens of permutations of possible solutions, with no success. All answers I've seen posted haven't helped me. If someone has the time to assist me, that'd be fantastic. To keep things simple, I will be attempting to do this in the search application.

I have placed my_logo.png into "C:\Program Files\Splunk\etc\apps\search\appserver\static", and my dashboard has the following structure:

<dashboard>
  <label>DASHBOARD_LABEL</label>
  <row>
    <html>
      <img src="my_logo.png" />
    </html>
  </row>
  <row>
    <panel>
      <chart>
        CHART_STUFF
      </chart>
    </panel>
  </row>
</dashboard>

When I load the dashboard, the row for the image appears, but the image doesn't load, it simply has the small "image goes here" placeholder image. If I right-click on the placeholder, and choose "Open image in new tab", a new tab opens at the address:

https://splunk/en-US/app/search/my_logo.png

and, the page has a 404 error, with the following:

404 Not Found
Return to Splunk home page
Page not found!
View more information about your request (request ID =
585be70663a5d6048) in Search
This page was linked to from https://splunk/en-US/app/search/DASHBOARD_LABEL?earliest=0&latest=.

I'd appreciate any advice. Thank you!

0 Karma
1 Solution

niketn
Legend

If you have uploaded the file to "C:\Program Files\Splunk\etc\apps\search\appserver\static", then your img tag should have the following code:

<img src="/static/app/search/my_logo.png">

PS: When you add any static file to your Splunk app, you would need to restart Splunk and also delete browser history based on whether your browser's caching is enabled or not to reflect the change.

For reference, you should also explore the Image Overlay With Single Value example from Splunk 6.x Dashboard Example app.

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"

View solution in original post

niketn
Legend

If you have uploaded the file to "C:\Program Files\Splunk\etc\apps\search\appserver\static", then your img tag should have the following code:

<img src="/static/app/search/my_logo.png">

PS: When you add any static file to your Splunk app, you would need to restart Splunk and also delete browser history based on whether your browser's caching is enabled or not to reflect the change.

For reference, you should also explore the Image Overlay With Single Value example from Splunk 6.x Dashboard Example app.

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"

adamsmith47
Communicator

Perfect! Perhaps my brain was skipping over the directory information, since I was assuming people had typos. Thanks!

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