How to set Maximum Dropdown Height

[Jeremy]

There is a DropDownHeight property that sets the height of the dropdownlist. How do I make this work like the MaxHeight property of the RadCombobox? It looks ridiculous with 1 entry with a large size set (eg 300px). If I allow the autocompletebox to resize the dropdownlist by itself, then its fine with a few records, but it scrolls off the page when many records match the filter.

[Ivana]

Hi Jeremy,

The following CSS will set a max height to the drop-down list of RadAutoCompleteBox:

.RadAutoCompleteBoxPopup_Default, .RadAutoCompleteBoxPopup .racList {
     max-height: 100px !important;
}

(_Default is for the Skin being used by the control.)

I hope this will help.

Kind regards,
Ivana
the Telerik team

[Jeremy]

That works fantastically, Thanks!

[Ciupaz]

And how can I prevent that the list overlaps below controls, like in the figure? 

 

[Peter Milchev]

Hi,

The element that contains the tokens can be styled using the following CSS:

<style>
    div.RadAutoCompleteBox div.racTokenList{
        max-height:100px;
        overflow-y:auto
    }
</style>

Regards,
Peter Milchev
Progress Telerik

[Ciupaz]

I have in this way, and seem good: 

 

<style type="text/css">
    .RadAutoCompleteBoxPopup_Default, .RadAutoCompleteBoxPopup .racList .racTokenList{
      max-height: 180px !important;
      overflow-y: auto;
    }
  </style>