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!

Technical Workshop Series: Splunk Data Management and SPL2 | Register here!

Hey, Splunk Community! Ready to take your data management skills to the next level? Join us for a 3-part ...

Spotting Financial Fraud in the Haystack: A Guide to Behavioral Analytics with Splunk

In today's digital financial ecosystem, security teams face an unprecedented challenge. The sheer volume of ...

Solve Problems Faster with New, Smarter AI and Integrations in Splunk Observability

Solve Problems Faster with New, Smarter AI and Integrations in Splunk Observability As businesses scale ...