Dashboards & Visualizations

In dashboard for the "single" panel, is it possible to change the length of the button?

zliu
Splunk Employee
Splunk Employee

In dashboard for the "single" panel, is it possible to change the length of the button?

Tags (1)
1 Solution

sideview
SplunkTrust
SplunkTrust

Not directly from the XML im afraid, but if you're willing to create a custom CSS file for your app, then yes.

In your app, create an application.css file (at /etc/<appname>/appserver/static/application.css)

and put this in it:

.SingleValueHolder {
  width:250px;
}

or if you want them to be as wide as possible

.SingleValueHolder {
  width:auto;
}

If you want to customize them further, I recommend installing the Firefox extension called Firebug, and using the inspect mode to look at what CSS rules are applying from the Splunk CSS. This will help you know what styles to create in your CSS to counteract or tweak the default appearance.

View solution in original post

sideview
SplunkTrust
SplunkTrust

Not directly from the XML im afraid, but if you're willing to create a custom CSS file for your app, then yes.

In your app, create an application.css file (at /etc/<appname>/appserver/static/application.css)

and put this in it:

.SingleValueHolder {
  width:250px;
}

or if you want them to be as wide as possible

.SingleValueHolder {
  width:auto;
}

If you want to customize them further, I recommend installing the Firefox extension called Firebug, and using the inspect mode to look at what CSS rules are applying from the Splunk CSS. This will help you know what styles to create in your CSS to counteract or tweak the default appearance.

Get Updates on the Splunk Community!

Enter the Agentic Era with Splunk AI Assistant for SPL 1.4

  &#x1f680; Your data just got a serious AI upgrade — are you ready? Say hello to the Agentic Era with the ...

Stronger Security with Federated Search for S3, GCP SQL & Australian Threat ...

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

Accelerating Observability as Code with the Splunk AI Assistant

We’ve seen in previous posts what Observability as Code (OaC) is and how it’s now essential for managing ...