Dear All, My requirement is to assign a token to enable click on the Text , im currently displaying inside <Html> tag. If i click over XXX, it should assign the token $XXX$ , which i can use it on my panels to display using panel depends=$XXX$ , And i have a set of 5+ images with text in a row. the same is expected , when i click over respective image or TEXT . respective token to be assigned. on a condition that , if click over YYY images, earlier selected , XXX token and other ZZZ tokens should be unset . kindly help me with a javascript to perform this. i tried with some of the references of earlier splunk answers. didnt work for me My Dashboard code: <dashboard script="set_token.js"> <label>SET TOKEN</label> <row><panel><html> <div align="center"> <table align="center"> <tr><td rowspan="2"> <img src="/static/app/da_snow_internal/images/XXX.png" style="height:75px;max-width:100px;"/> </td><td align="center" style="padding-top: 20px;padding-left:3px;"> <g class="single-result-group" style="padding:10px;padding-top:20px;"> <g class="svg-label"> <text class="single-result" x="74.09" style="letter-spacing: -0.02em; font-weight: bold; color: #2a2d64; opacity: 1; font-size: 40px;">XXX</text> </g></g></td></tr> <tr><td align="center" style="padding-left:3px;"> <g class="under-label-group"> <g class="svg-label"> <text class="under-label" style="letter-spacing: normal; font-size: 12px; font-weight: normal; fill: rgb(60, 68, 77); opacity: 1;">XXX</text> </g></g></td></tr> </table></div></html></panel> <panel><html><div align="center"> <table align="center"><tr> <td rowspan="2"> <img src="/static/app/da_snow_internal/images/YYY.svg" style="height:75px;max-width:100px;"/> </td><td align="center" style="padding-top: 20px;padding-left:3px;"> <g class="single-result-group" style="padding:10px;padding-top:20px;"> <g class="svg-label"> <text class="single-result" x="74.09" style="letter-spacing: -0.02em; font-weight: bold; color: #ff8200; opacity: 1; font-size: 45px;">YYY</text> </g></g></td></tr> <tr><td align="center" style="padding-left:3px;"> <g class="under-label-group"> <g class="svg-label"> <text class="under-label" style="letter-spacing: normal; font-size: 11px; font-weight: normal; fill: rgb(60, 68, 77); opacity: 1;">YYY</text> </g></g></td></tr></table> </div></html></panel> <panel><html> <div align="center"> <table align="center"> <tr><td rowspan="2"> <img src="/static/app/da_snow_internal/images/ZZZ.jpg" style="height:75px;max-width:100px;"/> </td><td align="center" style="padding-top: 20px;padding-left:3px;"> <g class="single-result-group" style="padding:10px;padding-top:20px;"> <g class="svg-label"> <text class="single-result" x="74.09" style="letter-spacing: -0.02em; font-weight: bold; color: #fff400; opacity: 1; font-size: 45px;">ZZZ</text> </g></g></td></tr> <tr><td align="center" style="padding-left:3px;"> <g class="under-label-group"> <g class="svg-label"> <text class="under-label" style="letter-spacing: normal; font-size: 12px; font-weight: normal; fill: rgb(60, 68, 77); opacity: 1;">ZZZ</text> </g></g></td></tr></table> </div></html></panel> <panel><html><div align="center"> <table align="center"><tr><td rowspan="2"> <img src="/static/app/da_snow_internal/images/AAA.svg" style="height:75px;max-width:100px;"/> </td><td align="center" style="padding-top: 20px;padding-left:3px;"> <g class="single-result-group" style="padding:10px;padding-top:20px;"> <g class="svg-label"> <text class="single-result" x="74.09" style="letter-spacing: -0.02em; font-weight: bold; color: #1d2759; opacity: 1; font-size: 45px;">AAA</text> </g></g></td></tr> <tr><td align="center" style="padding-left:3px;"> <g class="under-label-group"> <g class="svg-label"> <text class="under-label" style="letter-spacing: normal; font-size: 12px; font-weight: normal; fill: rgb(60, 68, 77); opacity: 1;">AAA</text> </g></g></td></tr></table> </div></html></panel> <panel><html> <div align="center"> <table align="center"><tr> <td rowspan="2"> <img src="/static/app/da_snow_internal/images/BBB.png" style="height:75px;max-width:100px;"/> </td><td align="center" style="padding-top: 20px;padding-left:3px;"> <g class="single-result-group" style="padding:10px;padding-top:20px;"> <g class="svg-label"> <text class="single-result" x="74.09" style="letter-spacing: -0.02em; font-weight: bold; color: #00a4b4; opacity: 1; font-size: 40px;">BBB</text> </g></g> </td></tr> <tr><td align="center" style="padding-left:3px;"> <g class="under-label-group"> <g class="svg-label"> <text class="under-label" style="letter-spacing: normal; font-size: 12px; font-weight: normal; fill: rgb(60, 68, 77); opacity: 1;">BBB</text> </g></g> </td></tr> </table></div></html> </panel> <panel> <html> <div align="center"> <table align="center"> <tr> <td rowspan="2"> <img src="/static/app/da_snow_internal/images/PPP.svg" style="height:75px;max-width:100px;"/> </td> <td align="center" style="padding-top: 20px;padding-left:3px;"> <g class="single-result-group" style="padding:10px;padding-top:20px;"> <g class="svg-label"> <text class="single-result" x="74.09" style="letter-spacing: -0.02em; font-weight: bold; color: #008755; opacity: 1; font-size: 45px;">PPP</text> </g> </g> </td> </tr> <tr> <td align="center" style="padding-left:3px;"> <g class="under-label-group"> <g class="svg-label"> <text class="under-label" style="letter-spacing: normal; font-size: 12px; font-weight: normal; fill: rgb(60, 68, 77); opacity: 1;">PPP</text> </g></g> </td></tr> </table></div> </html></panel> </row></dashboard>
... View more