How to embed JavaScript and CSS within the dashboa...

garinapavan · ‎05-13-2016

Hi,

I have a dashboard which with javascript and custom style sheet and I have them in $SPLUNK_HOME/etc/apps//appserver/static/

But I want to have that code within the below dashboard code and at the panel level instead of putting the files in /appserver/static/ folder. Can you provide some examples how to put the javascript code and style sheet code within my panel?

Below is my Dashboard code :

<dashboard script="table_cell_highlighting.js" stylesheet="table_cell_highlighting.css">
  <label>cellcoloring</label>
  <row>
    <panel>
      <table id="highlight">
        <search>
          <query>host=abc  source="access.log*"  |stats  perc90(duration) as Duration,perc95(duration) as ninetyfifth by   service_name | sort -count</query>
          <earliest>-60m@m</earliest>
          <latest>now</latest>
        </search>
      </table>
    </panel>
  </row>
</dashboard>

Any help is appreciated !

rjthibod · ‎07-18-2017

You can put CSS inline in an html element under a row element like this

<row depends="hiddenCSS">
  <html>
    <style> 
      /*insert CSS here, can only reference classes and IDs, no selectors */
    </style>
  </html>
</row>

You CANNOT embed Javascript inside of a SimpleXML dashboard. It can only be loaded from files like you are doing.

How to embed JavaScript and CSS within the dashboard or panel?

AI for AppInspect

App Platform's 2025 Year in Review: A Year of Innovation, Growth, and Community

Operationalizing Entity Risk Score with Enterprise Security 8.3+

Join the Conversation

How to embed JavaScript and CSS within the dashboard or panel?

AI for AppInspect

App Platform's 2025 Year in Review: A Year of Innovation, Growth, and Community

Operationalizing Entity Risk Score with Enterprise Security 8.3+