Set kendoDropDownList width

[Bruce]

How do I set the width of the kendoDropDownList?

[Bruce]

Nevermind... figured it out.

dropdownlist = $("#input").data("kendoDropDownList");
dropdownlist.ul.width(400);

[com]

I have tried the kendoDropDownList but I am not completely convinced of using it. I tried the code:
  dropdownlist = $("#input_combo").data("kendoDropDownList");
    dropdownlist.ul.width(400);

The reason: i would like to have the full width, instead of viewing "..."

In my attach file, you can see what i don't like ... i mean, an incorrect behaviour, because of the combo width.

I hope someone can point me how can I solve this solution!

[com]

More questions:
When i create the SELECT, i have something like this:

<select name="xx" id="xx" onClick="javascriptfunction()">

When applying the KendoUI, this functionality is lost. How can i achieve the same behaviour after applyinf the Kendo? What jQuery code should i add?

Thank you very much for the help!
   combuilder

[com]

Finally, i got the answer.

I should include style="width:400px" in the <select>

[Diljeet]

When I add Style="width:150px" only the list width is set so the original width of dropdown is retained, I basically need 3 dropdowns with different width set on same page, how do i do this? 

[Dimo]

Hello,

There are several ways to set width to the Kendo UI DropDownList widget. The simple ones are:

1. Apply an inline width style to the originating DOM element, before the widget is initialized.

http://demos.kendoui.com/web/dropdownlist/remotedatasource.html

2. Apply a cutom CSS class to the originating DOM element, again, before the widget is initialized:

<input id="products" class="myDDL" />

.myDDL
{
    width: 300px;
}

The CSS rule must come after the Kendo UI common stylesheet, or must have a higher specificity.

Regards,
Dimo
Telerik

[VasVas]

Dear Dimo,

adding  kendoComboBox.ul.width(400);

enables me to show a the list which is wider then the size of the combo itself.

But the grid created a gray box as shown in com's screen shot, is there a way to remove the backround color or remove this outline

so the Dropdownlist of the combo will look presentable?

 

Yours,

 

Ariel

 

[Dimo]

Hello Ariel,

Please refer to the documentation:

http://docs.telerik.com/kendo-ui/web/combobox/overview#customizing-the-width-of-the-drop-down-list

Regards,
Dimo
Telerik