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!

Extending Observability Content to Splunk Cloud

Watch Now!   In this Extending Observability Content to Splunk Cloud Tech Talk, you'll see how to leverage ...

More Control Over Your Monitoring Costs with Archived Metrics!

What if there was a way you could keep all the metrics data you need while saving on storage costs?This is now ...

New in Observability Cloud - Explicit Bucket Histograms

Splunk introduces native support for histograms as a metric data type within Observability Cloud with Explicit ...