Dashboards & Visualizations

Dropdown - Adjust dropdown widths to its content?

bji_ConstanciA
Loves-to-Learn Everything

Hi,

I would like to create a dropdown menu with two goals in mind :

1) Adjust button width to the size of the text selected so that the whole selected text can be read

2) In the dropdown list (when choosing a new item), many strings are too large to fit in one line. I want to increase the box list width to the size of the largest selectable text item 

I managed to fix issue 1) with the greatful help of https://community.splunk.com/t5/Dashboards-Visualizations/Why-is-the-dropdown-input-width-not-increa... by adding

 

 

 

<html>
 <style>
  #Selection_DropDown div[data-component="splunk-core:/splunkjs/mvc/components/Dropdown"] {display: inline-block !important;
width: auto !important }
 </style>
</html>

 

 

 

I'm struggling though to find a SimpleXML/CSS, kind of easy solution, to the issue 2)

Is it possible to complete both of these requirements ?

 

Cheers

Labels (2)
0 Karma
Get Updates on the Splunk Community!

Splunk Observability for AI

Don’t miss out on an exciting Tech Talk on Splunk Observability for AI!Discover how Splunk’s agentic AI ...

Splunk Enterprise Security 8.x: The Essential Upgrade for Threat Detection, ...

Watch On Demand the Tech Talk, and empower your SOC to reach new heights! Duration: 1 hour  Prepare to ...

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