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!

Announcing Scheduled Export GA for Dashboard Studio

We're excited to announce the general availability of Scheduled Export for Dashboard Studio. Starting in ...

Extending Observability Content to Splunk Cloud

Watch Now!   In this Extending Observability Content to Splunk Cloud Tech Talk, you'll see how to leverage ...

More Control Over Your Monitoring Costs with Archived Metrics GA in US-AWS!

What if there was a way you could keep all the metrics data you need while saving on storage costs?This is now ...