Dashboards & Visualizations

Increase the drop down width

harshal_chakran
Builder

Hi,
I have a dropdown code as below.


<input type="dropdown" token="user1" searchWhenChanged="true" style="width:700px;">

  <label>Select The KPI</label>

 <default>DropDown Title</default>

<choice value="1">dropdown element no one</choice>

<choice value="2">dropdown element no two</choice>

<choice value="3">dropdown element no third</choice>

<choice value="4">dropdown element no. fourth- with no data call stack </choice>



</input>

On selection of a longer content, such as "dropdown element no. fourth- with no data call stack". The dropdown doesnt show the entire string.

alt text
Is there any way to increase the width size of dropdown, so as to achieve this.

Please Help...!!!

0 Karma
1 Solution

odgarrigues_spl
Splunk Employee
Splunk Employee

See this http://answers.splunk.com/answers/114078/splunk-6-dropdown-menu-decrease-width.html

Alternatively, you can use the !important tag to supercharge any default CSS settings (thanks to Johan!).
Put this directly in the .css referenced in your dashboard:
.select2-container{min-width:500px !important;margin-bottom:8px;}

For a multiselect dropdown:
.select2-container-multi{min-width:500px !important;margin-bottom:8px;}

View solution in original post

odgarrigues_spl
Splunk Employee
Splunk Employee

See this http://answers.splunk.com/answers/114078/splunk-6-dropdown-menu-decrease-width.html

Alternatively, you can use the !important tag to supercharge any default CSS settings (thanks to Johan!).
Put this directly in the .css referenced in your dashboard:
.select2-container{min-width:500px !important;margin-bottom:8px;}

For a multiselect dropdown:
.select2-container-multi{min-width:500px !important;margin-bottom:8px;}

Get Updates on the Splunk Community!

.conf24 | Registration Open!

Hello, hello! I come bearing good news: Registration for .conf24 is now open!   conf is Splunk’s rad annual ...

Splunk is officially part of Cisco

Revolutionizing how our customers build resilience across their entire digital footprint.   Splunk ...

Splunk APM & RUM | Planned Maintenance March 26 - March 28, 2024

There will be planned maintenance for Splunk APM and RUM between March 26, 2024 and March 28, 2024 as ...