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!

Observability | Use Synthetic Monitoring for Website Metadata Verification

If you are on Splunk Observability Cloud, you may already have Synthetic Monitoringin your observability ...

More Ways To Control Your Costs With Archived Metrics | Register for Tech Talk

Tuesday, May 14, 2024  |  11AM PT / 2PM ET Register to Attend Join us for this Tech Talk and learn how to ...

.conf24 | Personalize your .conf experience with Learning Paths!

Personalize your .conf24 Experience Learning paths allow you to level up your skill sets and dive deeper ...