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!

.conf24 | Registration Open!

Hello, hello! I come bearing good news: Registration for .conf24 is now open!   conf is Splunk’s rad annual ...

ICYMI - Check out the latest releases of Splunk Edge Processor

Splunk is pleased to announce the latest enhancements to Splunk Edge Processor.  HEC Receiver authorization ...

Introducing the 2024 SplunkTrust!

Hello, Splunk Community! We are beyond thrilled to announce our newest group of SplunkTrust members!  The ...