So - probably not possible with straight tokenization. I tried the |h formatter, but that didn't work. You'll need JS hook for this. But I've made it easy for you. Simply add this js snippet to the location specified, include it on the dashboard, update the p element (or any thing really), and there ya go! Renderable Elements based on tokens! <app/appserver/static/js/token_render.js> require([
"splunkjs/ready!",
"splunkjs/mvc/simplexml/ready!",
"splunkjs/mvc/utils",
"jquery"
], function (mvc,
ignored,
splunkjsUtils,
$
) {
let tokens = mvc.Components.get("default");
let renderables = $('[token-render]');
for (var i = 0; i < renderables.length; i++){
let element = $(renderables[i]),
element_data = element.data();
tokens.on(`change:${element_data.token}`,
(newTokenName, myToken, options) => {
element.html(tokens.get(element_data.token));
});
element.html(tokens.get(element_data.token));
};
}); Dashboard: <dashboard script="js/token_render.js">
<label>Testing</label>
<row>
<panel>
<single >
<search>
<query><![CDATA[
|makeresults | eval r1 = random() %100 / 100, r2 = random() %100 / 100, r3 = split(r1.",".r2, ","), risk = mvjoin(r3, "<br/>")]]>
</query>
<progress>
<unset token="risk"></unset>
</progress>
<done>
<set token="risk">$result.risk$</set>
</done>
<earliest>-15m@m</earliest>
<latest>@m</latest>
</search>
</single>
<html>
<font size="4">
<p style="text-align:left;" token-render="true" data-token="risk" />
</font>
<font size="4">
<p style="text-align:left;" token-render="true" data-token="risk" />
</font>
</html>
</panel>
</row>
</dashboard>
... View more
