Dashboards & Visualizations

Can't add image to dashboard

Builder

I'm trying to add a simple image to my advanced dashboard. This is not turning out to be the easy task I thought it would be.

I have added the jpg to:

$SPLUNK_HOME/etc/apps/MyApp/appserver/static/foo.jpg

I call that img in a file called foo.html;.

Then in my dashboard I did the following:

<module name="ServerSideInclude" layoutPanel="panel_row1_col2">
  <param name="src">'foo.html'</param>
</module>

That produces the error:

ServerSideInclude Module Error!

Splunk has failed to locate the template for uri '/APP/MyApp/appserver/static/'foo.html''.

So then I tried doing this within ServerSideInclude):

<img src="${make_url('/static/app/MyApp/foo.jpg')}" alt="My image" />

That produced a similar error.

Obviously I'm doing something wrong here.

Here is the HTML I'm using (very simple):

<html>
<head></head>
<body>
    <img src="xyz.jpg" alt="xyz" />
</body>
</html>

Only the "alt" text is appearing, not the image. The image resides in the same directory as the HTML file (/splunk/etc/apps/MyApp/appserver/static/xyz.jpg)
Can anyone tell me why the image isn't appearing? 

Thanks!
Tags (2)
1 Solution

SplunkTrust
SplunkTrust

All you have to do is not put those single quote marks around the src param

<module name="ServerSideInclude" layoutPanel="panel_row1_col2">
  <param name="src">foo.html</param>
</module>

View solution in original post

SplunkTrust
SplunkTrust

All you have to do is not put those single quote marks around the src param

<module name="ServerSideInclude" layoutPanel="panel_row1_col2">
  <param name="src">foo.html</param>
</module>

View solution in original post

Builder

I figured it out. The path to the image in the HTML has to look like this: /static/app/MyApp/xyz.jpg

Thanks all for your help!

State of Splunk Careers

Access the Splunk Careers Report to see real data that shows how Splunk mastery increases your value and job satisfaction.

Find out what your skills are worth!