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!

Splunk Observability as Code: From Zero to Dashboard

For the details on what Self-Service Observability and Observability as Code is, we have some awesome content ...

[Puzzles] Solve, Learn, Repeat: Character substitutions with Regular Expressions

This challenge was first posted on Slack #puzzles channelFor BORE at .conf23, we had a puzzle question which ...

Shape the Future of Splunk: Join the Product Research Lab!

Join the Splunk Product Research Lab and connect with us in the Slack channel #product-research-lab to get ...