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
Career Survey
First 500 qualified respondents will receive a $20 gift card! Tell us about your professional Splunk journey.
Get Updates on the Splunk Community!

Tech Talk Recap | Mastering Threat Hunting

Mastering Threat HuntingDive into the world of threat hunting, exploring the key differences between ...

Observability for AI Applications: Troubleshooting Latency

If you’re working with proprietary company data, you’re probably going to have a locally hosted LLM or many ...

Splunk AI Assistant for SPL vs. ChatGPT: Which One is Better?

In the age of AI, every tool promises to make our lives easier. From summarizing content to writing code, ...