row of radCombobox in one line

[Adrien]

I would like than the text of a row must just on one line.

Sometimes, the size text are so important and I would like to cut the text after 100px by exemple and don't put on line (by default).

Any ideas to resolve my problem?

[Veselin Tsvetanov]

Hi Adrien,

You can apply the following custom CSS rules in order to achieve the desired appearance:

.RadComboBoxDropDown .rcbItem,
.RadComboBoxDropDown .rcbHovered,
.RadComboBoxDropDown .rcbDisabled,
.RadComboBoxDropDown .rcbLoading,
.RadComboBoxDropDown .rcbCheckAllItems,
.RadComboBoxDropDown .rcbCheckAllItemsHovered {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

I hope that the above helps you.

Regards,
Veselin Tsvetanov
Telerik

[Adrien]

Nice, It's perfect :)

[Adrien]

It's possible to have the same concept for RadAutoCompleteBox?

[Veselin Tsvetanov]

Hello Adrien,

You could use the same approach for RadAutoCompleteBox:

.RadAutoCompleteBoxPopup .racItem {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

Regards,
Veselin Tsvetanov
Telerik

[Adrien]

Thanks Again :)