Dashboards & Visualizations

Custom CSS for an app

Raghav2384
Motivator

Hello Experts,

I have created an app. To the input elements, i have added "searchWhenChanged=false" and now i want to change the color and dimensions of the button. I created application.css and added the following to it.
.btn primary{
background-color:#bla;
.....
......
} "picked the btn primary class using firebug". I restarted splunk to see no changes. 6.2 doesn't support cosmetics?
Thanks,
Raghav

Tags (1)
1 Solution

Raghav2384
Motivator

aah! i figured it out, one of the properties of button, i forgot to label it with .btn-prmary.
All working fine now. Thanks for your help Martin.you're the best!!!

View solution in original post

Raghav2384
Motivator

aah! i figured it out, one of the properties of button, i forgot to label it with .btn-prmary.
All working fine now. Thanks for your help Martin.you're the best!!!

Raghav2384
Motivator

Oh i guess you've to restart splunk for every change to css

0 Karma

martin_mueller
SplunkTrust
SplunkTrust

Weird, do post the relevant parts of your form.

martin_mueller
SplunkTrust
SplunkTrust

Did you link to your CSS file in the form tag's stylesheet attribute?

Raghav2384
Motivator

I did, , it doesn't load or maybe i am interrupting it. I get a msg in firefox saying "script is running longer than expected" "Kill""Continue""debug".

0 Karma
Get Updates on the Splunk Community!

Data Management Digest – December 2025

Welcome to the December edition of Data Management Digest! As we continue our journey of data innovation, the ...

Index This | What is broken 80% of the time by February?

December 2025 Edition   Hayyy Splunk Education Enthusiasts and the Eternally Curious!    We’re back with this ...

Unlock Faster Time-to-Value on Edge and Ingest Processor with New SPL2 Pipeline ...

Hello Splunk Community,   We're thrilled to share an exciting update that will help you manage your data more ...