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!

Built-in Service Level Objectives Management to Bridge the Gap Between Service & ...

Wednesday, May 29, 2024  |  11AM PST / 2PM ESTRegister now and join us to learn more about how you can ...

Get Your Exclusive Splunk Certified Cybersecurity Defense Engineer Certification at ...

We’re excited to announce a new Splunk certification exam being released at .conf24! If you’re headed to Vegas ...

Share Your Ideas & Meet the Lantern team at .Conf! Plus All of This Month’s New ...

Splunk Lantern is Splunk’s customer success center that provides advice from Splunk experts on valuable data ...