This is a migrated thread and some comments may be shown as answers.

Autocomplete - Horizonal scroll bar

1 Answer 94 Views
AutoComplete
This is a migrated thread and some comments may be shown as answers.
JJ
Top achievements
Rank 1
JJ asked on 31 Oct 2013, 01:02 AM
Is there anyway to have autocomplete has a horizonal scroll bar if the text is longer than the width of the Autocomple so it can avoid text wrap.

Thanks!

1 Answer, 1 is accepted

Sort by
0
Iliana Dyankova
Telerik team
answered on 01 Nov 2013, 04:25 PM
Hi J,

Basically in order to achieve this you should set overflow: auto to the AutoComplete list:

.k-popup .k-list{
    white-space: nowrap;
    overflow: auto;
}


As another option I can suggest trimming the items and display ellipsis:

.k-popup .k-list .k-item{
    overflow: hidden;
    text-overflow: ellipsis;
}
Regards,
Iliana Nikolova
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
AutoComplete
Asked by
JJ
Top achievements
Rank 1
Answers by
Iliana Dyankova
Telerik team
Share this question
or