Dashboards & Visualizations

SimpleXML HTML tokens in HTML tag

fk319
Builder

I would like to create HTML code in my Splunk search and display it in an HTML section.
The problem I have is the interpreter presents my html as characters and not as tags.

In my current case, I have a series of image I would like to display, about 40. I can create the 40 set token in my SimpleXML, but it is so much easier to build it in the query. In the past I would have 1-3 images I wanted to display, but ended up only showing the first.


|eval html=""

gets displayed as the string.
I solved this by just passing

$result.icon$


Internally I have a multivalue field that has a list of icons, I would convert each to html and then join them up and pass as a single string. I just do not know how to display them as the intended tags instead of the string of characters.

0 Karma

paramagurukarth
Builder

There is no straight away solution for your requirement,
But you can achieve it via by adding some javascript with your token.

var defaultTokenModel = mvc.Components.get("default");
defaultTokenModel .on("change:your_token_name", function(tokenmodel, value, options ){
   /*
       Here based on your value you can construct your HTML and update the document
   */
})

You cannot use inline javscript inside splunk xml. you have to follow this doc

0 Karma

niketn
Legend

@fk319, From your question it is not crystal clear as to what you have and what you are trying to accomplish. However, if your goal is to set HTML in SPL and pass on to a <html> panel you can refer to the following answer by me with Simple XML JavaScript Extension: https://answers.splunk.com/answers/324828/render-html-code-from-search-result-in-splunk-dash.html

Please try out and confirm. If this is not what you need please elaborate with what you current have and mock up/details for what you need.

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

fk319
Builder

I see what you are doing, but I need to do a js for each token I want to convert.
Is there a way I could do something more general? even if I could pas the id?

0 Karma

niketn
Legend

The Submitted Token object itself will have all the tokens available which you can iterate in a loop using JSON parse() method. However, before you even try that, I am unclear on your requirement. Can you please add more details/example or mock up screen for what you have and what you intend to implement?

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

fk319
Builder

I did google search before I posted, really I did.
I like the solution. I will get the changed implemented in a few days. I am in documentation mode at the moment.

0 Karma
Get Updates on the Splunk Community!

Stay Connected: Your Guide to May Tech Talks, Office Hours, and Webinars!

Take a look below to explore our upcoming Community Office Hours, Tech Talks, and Webinars this month. This ...

They're back! Join the SplunkTrust and MVP at .conf24

With our highly anticipated annual conference, .conf, comes the fez-wearers you can trust! The SplunkTrust, as ...

Enterprise Security Content Update (ESCU) | New Releases

Last month, the Splunk Threat Research Team had two releases of new security content via the Enterprise ...