https://community.splunk.com/t5/Splunk-Dev/Custom-css-for-app/m-p/749404#M11992 <P>I have a modified version of the mitre matrx TA, but if understand it corerctly it uses a few things:<BR /><BR />Javascript file (.js)<BR />Stylesheet file (.css)<BR />and the Source on a Dashboard.<BR /><BR />At the top of your sourceof your Dashbaord write the following:&nbsp;</P><LI-CODE lang="markup">&lt;form script="jsFileName.js" stylesheet="cssFileName.css" version"1.1" theme="light"&gt;</LI-CODE><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="antoniolamonica_0-1751979258111.png" style="width: 400px;"><img src="https://community.splunk.com/t5/image/serverpage/image-id/39599i1C9879151B96A701/image-size/medium?v=v2&amp;px=400" role="button" title="antoniolamonica_0-1751979258111.png" alt="antoniolamonica_0-1751979258111.png" /></span></P><P><BR />Now I have to call portions of my .js file in for a table to work accordingly but that may differ from your dashboard.<BR /><BR />Here I have to call the components of 'mitrematrix' into my table from the .js<BR /><BR />.js</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="antoniolamonica_1-1751979319062.png" style="width: 400px;"><img src="https://community.splunk.com/t5/image/serverpage/image-id/39600i98FAF83210DCE2ED/image-size/medium?v=v2&amp;px=400" role="button" title="antoniolamonica_1-1751979319062.png" alt="antoniolamonica_1-1751979319062.png" /></span><BR />dashboard source:</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="antoniolamonica_2-1751979380832.png" style="width: 400px;"><img src="https://community.splunk.com/t5/image/serverpage/image-id/39601i440492AF63187ADF/image-size/medium?v=v2&amp;px=400" role="button" title="antoniolamonica_2-1751979380832.png" alt="antoniolamonica_2-1751979380832.png" /></span></P><P><BR />Something to keep in mind.</P><P>---<BR />If this reply helps you, Karma would be appreciated.</P> Tue, 08 Jul 2025 12:57:44 GMT antoniolamonica 2025-07-08T12:57:44Z https://community.splunk.com/t5/Splunk-Dev/Custom-css-for-app/m-p/749397#M11991 <P>Hi guys,<BR />I'm trying to customize an app I created. For the dashboards, I placed the CSS file in appserver/static and linked it in the dashboard using stylesheet="my.css".<BR />How does it work for the app's CSS? Where should I put the CSS file? Do I also need to reference it in any .conf file?<BR />Thanks for your attention.</P><P>&nbsp;</P> Tue, 08 Jul 2025 12:33:58 GMT https://community.splunk.com/t5/Splunk-Dev/Custom-css-for-app/m-p/749397#M11991 AleCanzo 2025-07-08T12:33:58Z https://community.splunk.com/t5/Splunk-Dev/Custom-css-for-app/m-p/749404#M11992 <P>I have a modified version of the mitre matrx TA, but if understand it corerctly it uses a few things:<BR /><BR />Javascript file (.js)<BR />Stylesheet file (.css)<BR />and the Source on a Dashboard.<BR /><BR />At the top of your sourceof your Dashbaord write the following:&nbsp;</P><LI-CODE lang="markup">&lt;form script="jsFileName.js" stylesheet="cssFileName.css" version"1.1" theme="light"&gt;</LI-CODE><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="antoniolamonica_0-1751979258111.png" style="width: 400px;"><img src="https://community.splunk.com/t5/image/serverpage/image-id/39599i1C9879151B96A701/image-size/medium?v=v2&amp;px=400" role="button" title="antoniolamonica_0-1751979258111.png" alt="antoniolamonica_0-1751979258111.png" /></span></P><P><BR />Now I have to call portions of my .js file in for a table to work accordingly but that may differ from your dashboard.<BR /><BR />Here I have to call the components of 'mitrematrix' into my table from the .js<BR /><BR />.js</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="antoniolamonica_1-1751979319062.png" style="width: 400px;"><img src="https://community.splunk.com/t5/image/serverpage/image-id/39600i98FAF83210DCE2ED/image-size/medium?v=v2&amp;px=400" role="button" title="antoniolamonica_1-1751979319062.png" alt="antoniolamonica_1-1751979319062.png" /></span><BR />dashboard source:</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="antoniolamonica_2-1751979380832.png" style="width: 400px;"><img src="https://community.splunk.com/t5/image/serverpage/image-id/39601i440492AF63187ADF/image-size/medium?v=v2&amp;px=400" role="button" title="antoniolamonica_2-1751979380832.png" alt="antoniolamonica_2-1751979380832.png" /></span></P><P><BR />Something to keep in mind.</P><P>---<BR />If this reply helps you, Karma would be appreciated.</P> Tue, 08 Jul 2025 12:57:44 GMT https://community.splunk.com/t5/Splunk-Dev/Custom-css-for-app/m-p/749404#M11992 antoniolamonica 2025-07-08T12:57:44Z