Increase the drop down width

harshal_chakran — Wed, 05 Feb 2014 06:36:45 GMT

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.

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

Please Help...!!!

Re: Increase the drop down width

odgarrigues_spl — Thu, 18 Dec 2014 15:54:11 GMT

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;}

topic Increase the drop down width in Dashboards & Visualizations

Increase the drop down width

Re: Increase the drop down width