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!

SOC4Kafka - New Kafka Connector Powered by OpenTelemetry

The new SOC4Kafka connector, built on OpenTelemetry, enables the collection of Kafka messages and forwards ...

Rounding off the Splunk Dashboard Contest

What does a contest-winning Splunk dashboard look like? In this case, it isn't in a browser tab at all. It ...

A Four Part Event Series: AI + Observability: AI Agents, LLMs, Apps, & Infrastructure

AI &#43; Observability: AI Agents, LLMs, Apps, & Infrastructure The rapid evolution of artificial intelligence ...