Dashboards & Visualizations

How to change the font size of drop-down items/selections

spisiakmi
Contributor

Hi, can anybody help, how to change the font size of drop-down items/selections?

Here is my dropdown:

<input type="dropdown" token="auftrag_tkn" searchWhenChanged="true" id="dropdownAuswahlAuftrag">
<label>Auftrag</label>
<fieldForLabel>Auftrag</fieldForLabel>
<fieldForValue>Auftrag</fieldForValue>
<search>
<query>xxxxx</query>
<earliest>-24h@h</earliest>
<latest>now</latest>
</search>
</input>

 

Labels (1)
0 Karma
1 Solution

livehybrid
SplunkTrust
SplunkTrust

Hi @spisiakmi 

You can add some HTML with CSS to a panel in your dashboard like this, note this only works for classic dashboards:

<html>
    <style>
      .splunk-dropdown button, button span, 
.splunk-dropdown span, 
.splunk-dropdown label {
    font-size: 1.1em !important;
}
    </style>

livehybrid_0-1753775200389.png

 

🌟 Did this answer help you? If so, please consider:

  • Adding karma to show it was useful
  • Marking it as the solution if it resolved your issue
  • Commenting if you need any clarification

Your feedback encourages the volunteers in this community to continue contributing

View solution in original post

livehybrid
SplunkTrust
SplunkTrust

Hi @spisiakmi 

You can add some HTML with CSS to a panel in your dashboard like this, note this only works for classic dashboards:

<html>
    <style>
      .splunk-dropdown button, button span, 
.splunk-dropdown span, 
.splunk-dropdown label {
    font-size: 1.1em !important;
}
    </style>

livehybrid_0-1753775200389.png

 

🌟 Did this answer help you? If so, please consider:

  • Adding karma to show it was useful
  • Marking it as the solution if it resolved your issue
  • Commenting if you need any clarification

Your feedback encourages the volunteers in this community to continue contributing

spisiakmi
Contributor

livehybrid, wau. Absolut cool. Works fantastic. Thank you very much.

0 Karma
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 ...