Dashboards & Visualizations

module SubmitButton color

fresned
Path Finder

Is there a way to control the color of the module SubmitButton? I would like to change the color of the button from the standard green to another color.

Tags (2)

sideview
SplunkTrust
SplunkTrust

Certainly. It's easy once you're familiar with using custom CSS in Splunk.

http://www.splunk.com/base/Documentation/latest/Developer/UseCSS

In your app, place an application.css file at $SPLUNK_HOME/etc/apps/<appname>/appserver/static/application.css

and put this in it. Now you get to do the fun part, which is picking the hex colors. One color for the default button and one for the hover state -- I deliberately picked two greys below.

.splButton-primary,
input.searchButton {
    background-color:#666666
}
.splButton-primary:hover,
input.searchButton:hover {
    background-color:#999999;
}

sideview
SplunkTrust
SplunkTrust

hehe. Yea you have to set hover too or else splunk's default green hover rule will still apply and then users with a history of epilepsy will have to stay away.

0 Karma

bwooden
Splunk Employee
Splunk Employee

Hover 4tw!

0 Karma

bwooden
Splunk Employee
Splunk Employee

You can use CSS to change the SubmitButton color.

.splButton-primary {
    background-color: #FFFFFF;
}

You would place this in application.css or dashboard specific CSS. You may generally use Firebug or a similar tool to discover the classes to manipulate.

0 Karma
Got questions? Get answers!

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Meet up IRL or virtually!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

Get Updates on the Splunk Community!

Meet Splunk Observability Studio: AI-Assisted OpenTelemetry Instrumentation Without ...

Instrumentation is usually the last step or even an afterthought when building out a project. The feature ...

Federated Search for Cisco Security and Analytics Logging (SAL) is now GA on Splunk ...

Federated Search for Cisco  Security Analytics and Logging (SAL) is now generally available as part of the ...

Your Path to AgenticOps: AI Experiences for Every Splunk Practitioner

Your Path to AgenticOps: AI Experiences for Every Splunk Practitioner   Join us for a demo-driven look at how ...