Dashboards & Visualizations

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

Mohsin123
Path Finder

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
0 Karma
1 Solution

niketn
Legend

@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>
____________________________________________
| makeresults | eval message= "Happy Splunking!!!"

View solution in original post

0 Karma

niketn
Legend

@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>
____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
0 Karma

Mohsin123
Path Finder

@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

0 Karma

niketn
Legend

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

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
0 Karma

Mohsin123
Path Finder

Thankyou so much Niket !
This worked !!! 😄

0 Karma
Get Updates on the Splunk Community!

Webinar Recap | Revolutionizing IT Operations: The Transformative Power of AI and ML ...

The Transformative Power of AI and ML in Enhancing Observability   In the realm of IT operations, the ...

.conf24 | Registration Open!

Hello, hello! I come bearing good news: Registration for .conf24 is now open!   conf is Splunk’s rad annual ...

ICYMI - Check out the latest releases of Splunk Edge Processor

Splunk is pleased to announce the latest enhancements to Splunk Edge Processor.  HEC Receiver authorization ...