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!

They're back! Join the SplunkTrust and MVP at .conf24

With our highly anticipated annual conference, .conf, comes the fez-wearers you can trust! The SplunkTrust, as ...

Enterprise Security Content Update (ESCU) | New Releases

Last month, the Splunk Threat Research Team had two releases of new security content via the Enterprise ...

Detecting Remote Code Executions With the Splunk Threat Research Team

REGISTER NOWRemote code execution (RCE) vulnerabilities pose a significant risk to organizations. If ...