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!

Built-in Service Level Objectives Management to Bridge the Gap Between Service & ...

Wednesday, May 29, 2024  |  11AM PST / 2PM ESTRegister now and join us to learn more about how you can ...

Get Your Exclusive Splunk Certified Cybersecurity Defense Engineer at Splunk .conf24 ...

We’re excited to announce a new Splunk certification exam being released at .conf24! If you’re headed to Vegas ...

Share Your Ideas & Meet the Lantern team at .Conf! Plus All of This Month’s New ...

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