topic Re: How to add an image as a footer in the dashboard? in Dashboards & Visualizations

How to add an image as a footer in the dashboard?

Mohsin123 — Wed, 05 Sep 2018 19:33:01 GMT

hi,

I have added this image as a footer to my dashboard, but it doesn't work.

  </row>
  <row>
    <panel>
      <html>
      <h1>HTML Panel Example</h1>
      <p>The HTML panel displays inline HTML.</p>
        <pre>
          <img src="/opt/SP/apps/splunk/etc/shcluster/apps/TC_APIX/appserver/static/apdex_index_formula.png"/>
        </pre>
     </html>
    </pane

Re: How to add an image as a footer in the dashboard?

niketn — Thu, 06 Sep 2018 08:22:14 GMT

@Mohsin123 please try the following:

<img src="/static/app/TC_APIX/apdex_index_formula.png"></img>

Refer to Splunk Dashboard Examples App for Image Overlay with Single Value

If you search Splunk Answers you should be able to find several examples like
https://answers.splunk.com/answers/660298/add-an-image-to-a-dashboard-using-css.html
https://answers.splunk.com/answers/482644/how-do-i-simply-insert-an-image-into-a-dashboard.html

PS: Post Splunk Enterprise 6.5 you can use environment token $env:app$ (details of environment tokens are also available in the Splunk Dashboard Examples App) instead of hard-coded app name to remove static app name dependency i.e.

 <img src="/static/app/$env:app$/apdex_index_formula.png"></img>

Re: How to add an image as a footer in the dashboard?

Mohsin123 — Fri, 07 Sep 2018 14:09:14 GMT

Thankyou so much Niket !
This worked !!! 😄

Re: How to add an image as a footer in the dashboard?

Mohsin123 — Fri, 07 Sep 2018 14:26:10 GMT

@niketnilay

Just one concern,
the image is fixed in the panel but , its very small and doesnt fixt the panel size ?
Could you please help me increase the size of the image so that it fits in the panel

Re: How to add an image as a footer in the dashboard?

niketn — Fri, 07 Sep 2018 18:53:52 GMT

Can you add a mock screenshot? Also what is the dimension of the image you are trying to attach?