Search

Jun 14, 2010

RadComboBox dropdown issue in IE

Hello All, I was facing issue with RadComboBox dropdown, its adding scrollbar in IE if an item is longer then default size.

image

This is normal behavior, as we have item which get fits into dropdown, now consider following case where we items which are little longer then before.

image

Here you can see horizontal scrollbar is appear as our text is little bit longer then min-width property. Min-width property allow you to set minimum width of dropdown. But this looks weird.

Solution: You need to override following default style of RadComboBox.

<style>
.rcbSlide div
{
width: auto !important;
min-width: 150px !important;
max-width: 400px !important;
}
.rcbList
{
position: relative !important;
}
</style>

We can see after applying this style into page, RadComboBox will look like following.

image

1 comment:

Anonymous said...

You sir, saved the day! Thank you very much! It works like a charm! :)