Can I change the width of the dropdown list?

[Anderson]

how can I change the height of the dropdown list and combobox?
I already had tried to change the style on the combobox method DropDownHtmlAttributes, writing something like this:

.DropDownHtmlAttributes( new { style = "width = 150px; font-size: 10px; height: 70px;" } )

but it takes no effects...
there is another way to change the height ????

[Atanas Korchev]

Hello Anderson,

 Why are you setting width using = and height using ":" ? Both should be using ":".

.DropDownHtmlAttributes( new { style = "width:150px; font-size: 10px; height: 70px;" } )

Regards,
Atanas Korchev
the Telerik team

[Anderson]

oh my!!!

I typed wrong in the example!!!
ahahahhahah

but, even with the " : " instead " = " it takes no effect yet...

in the generated html, the height is setted as "auto", but in the width, it's setted
with the value I passed...

[Dimo]

Hi Anderson,

The specified dropdown height is ignored if there are less than 10 items. I suppose you are making tests with very few items and this causes the problem. If you add more items, you will get the expected result. Otherwise, is the height really necessary?

Kind regards,
Dimo
the Telerik team

[Anderson]

hum...

well... there's really less than 10 items...
and yes, it's really necessary because the combobox is in a iframe inside a modal window and almost in the bottom of the window...

=(

there's some workaround for this???

[Dimo]

Hello Anderson,

Yes, you can use a custom CSS class and a CSS rule:

<%= Html.Telerik().DropDownList().Name("DropDownList1")
    .Items(items =>
    {
        items.Add().Text("Item 1");
        items.Add().Text("Item 2");
        items.Add().Text("Item 3");
        items.Add().Text("Item 4");
    })
    .DropDownHtmlAttributes(new { @class = "shortDrop" } )

%>

CSS

.shortDrop
{
    height:70px !important;
}

Best wishes,
Dimo
the Telerik team

[Anderson]

it works great!!!

thank you!!!