Splunk Dev

Custom css for app

AleCanzo
Path Finder

Hi guys,
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".
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?
Thanks for your attention.

 

Labels (1)
0 Karma

antoniolamonica
SplunkTrust
SplunkTrust

I have a modified version of the mitre matrx TA, but if understand it corerctly it uses a few things:

Javascript file (.js)
Stylesheet file (.css)
and the Source on a Dashboard.

At the top of your sourceof your Dashbaord write the following: 

<form script="jsFileName.js" stylesheet="cssFileName.css" version"1.1" theme="light">

antoniolamonica_0-1751979258111.png


Now I have to call portions of my .js file in for a table to work accordingly but that may differ from your dashboard.

Here I have to call the components of 'mitrematrix' into my table from the .js

.js

antoniolamonica_1-1751979319062.png
dashboard source:

antoniolamonica_2-1751979380832.png


Something to keep in mind.

---
If this reply helps you, Karma would be appreciated.

Tags (2)
Got questions? Get answers!

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Meet up IRL or virtually!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

Get Updates on the Splunk Community!

Make Your Machine Data AI-Ready in Splunk

Every team is getting ready for AI agents.    Watch On-Demand   In this Tech Talk, Splunk platform specialists ...

How to Break a Kubernetes Pod on Purpose and Let the AI Troubleshooting Agent Find ...

Let's say I've just rolled out a Kubernetes Deployment with a typo in the image tag. Nothing explodes. The pod ...

Splunk Add-on for Microsoft Windows 11.0.3: Parse Once, Search Faster

The updated Splunk Add-on for Microsoft Windows helps customers search Windows events faster by reducing ...