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
Got questions? Get answers!

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Meet up IRL or virtually!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

Get Updates on the Splunk Community!

SOC4Kafka - New Kafka Connector Powered by OpenTelemetry

The new SOC4Kafka connector, built on OpenTelemetry, enables the collection of Kafka messages and forwards ...

Rounding off the Splunk Dashboard Contest

What does a contest-winning Splunk dashboard look like? In this case, it isn't in a browser tab at all. It ...

A Four Part Event Series: AI + Observability: AI Agents, LLMs, Apps, & Infrastructure

AI &#43; Observability: AI Agents, LLMs, Apps, & Infrastructure The rapid evolution of artificial intelligence ...