Dashboards & Visualizations

want to see photo image in dashboard

abhayneilam
Contributor

Hi,

I have a requirement that I have a table in which I do have multiple columns about the employee information, In which I have a column called NAME, what I want is to display the photo of an employee beside each employees name.

Please help me to do that .

Thanks in advance !!

0 Karma

martin_mueller
SplunkTrust
SplunkTrust

So you don't have them on an existing webserver?

You could place them into $SPLUNK_HOME/etc/your_app/appserver/static/photos and include <img src="photos/photo$NAME$.png"> in your dashboard, then Splunk will do the webserver part.
See the Splunk 6.x Dashboard Examples app for how to build your own table cell renderer.

0 Karma

martin_mueller
SplunkTrust
SplunkTrust

Check out the inline icons example from the Splunk 6.x Dashboard Examples app at http://your_host:8000/en-US/app/simple_xml_examples/custom_table_icon_set_inline installable from https://apps.splunk.com/app/1603/

0 Karma

abhayneilam
Contributor

In that icon is added at the end , but I want to be added beside the name of each employee

0 Karma

abhayneilam
Contributor

I have like :

Name Age Salary
AAA 26 100
BBB 36 200
CCC 40 3000
DDD 50 5555

This is a table chart, I have got this with SPL and I am using basic XML. Now , I want it to be like

Name Age Salary
( Photo of AAA ) AAA 26 100
( Photo of BBB ) BBB 36 200
( Photo of CCC ) CCC 40 3000
( Photo of DDD ) DDD 50 5555

So, in my XML code where the exact change needs to be done, for this do I want to use js or css , if yes please tell me

0 Karma

abhayneilam
Contributor

Photos are in the local directory !! lets say for an example /var/tmp/PHOTOS/photo*.png

0 Karma

martin_mueller
SplunkTrust
SplunkTrust

Can't tell you the exact code without knowing your architecture, e.g. where the photos are.

martin_mueller
SplunkTrust
SplunkTrust

Where do you get the photos from, are they stored on some webserver?

If they are, you could use a table cell renderer that displays html such as <img src="your_webserver/employee_photos/$NAME$.jpg"> or similar.

0 Karma

abhayneilam
Contributor

Can you please help me the excat code , I am new to the css encoding with the xml in splunk. Please suggest me the full thing

0 Karma
Get Updates on the Splunk Community!

September Community Champions: A Shoutout to Our Contributors!

As we close the books on another fantastic month, we want to take a moment to celebrate the people who are the ...

Community Content Calendar, October Edition

Welcome to the October edition of our Community Spotlight! The Splunk Community is a treasure trove of ...

SOC4Kafka - New Kafka Connector Powered by OpenTelemetry

The new SOC4Kafka connector, built on OpenTelemetry, enables the collection of Kafka messages and forwards ...