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!

Detecting Remote Code Executions With the Splunk Threat Research Team

REGISTER NOWRemote code execution (RCE) vulnerabilities pose a significant risk to organizations. If ...

Observability | Use Synthetic Monitoring for Website Metadata Verification

If you are on Splunk Observability Cloud, you may already have Synthetic Monitoringin your observability ...

More Ways To Control Your Costs With Archived Metrics | Register for Tech Talk

Tuesday, May 14, 2024  |  11AM PT / 2PM ET Register to Attend Join us for this Tech Talk and learn how to ...