KendoUI Set width of dropdownlist
asp.net-mvc-4, kendo-ui, razor
Solution
`@Html.Kendo().DropDownList().HtmlAttributes(new { style = "width:300px" })` on server side work for me and documented on http://docs.kendoui.com/ . May be not so long.
Problem
I'm looking for the best way to set the width of the KendoUI dropdownlist - via the Kendo HTML Helper. ``` @(Html.Kendo().DropDownList() .Name("ddlAccount") .DataTextField("Name") .DataValueField("Id") //This doesn't work, it styles the hidden input instead of the ddl .HtmlAttributes(new {style="width:200px;"}) ) ``` I'm setting the width of the DropDownList, but notice in the generated HTML, the width of 200 pixels is set on a hidden text input, not the dropdownlist: ``` <span aria-busy="false" aria-readonly="false" aria-disabled="false" aria-owns="ddlAccount_listbox" tabindex="0" aria-expanded="false" aria-haspopup="true" role="listbox" class="k-widget k-dropdown k-header styled_select" style="" unselectable="on" aria-activedescendant="ddlAccount_option_selected"> <span class="k-dropdown-wrap k-state-default"> <span class="k-input">Choice One</span> <span class="k-select"> <span class="k-icon k-i-arrow-s">select</span> </span> </span> <input id="ddlAccount" name="ddlAccount" style="width: 200px; display: none;" type="text" data-role="dropdownlist"> ``` ...So the resulting DropDownList still scrolls both horizontally and vertically, which I don't want.