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

Prevent Horizontal Scroll Bar

2 Answers 629 Views
DropDownList
This is a migrated thread and some comments may be shown as answers.
Nathan
Top achievements
Rank 2
Nathan asked on 04 Jun 2013, 02:15 PM
Is there a way to prevent the Horizontal Scroll Bar appearing in a dropdownlist.  (while keeping the vertical scrolling)

Many people would be happy for horizontal overflow to be hidden on a drop-down list.

The catch is you can't keep making the drop-down portion of a dropdownlist wider as if it's wider than the container div the control wraps to the next line and messes up the layout.

2 Answers, 1 is accepted

Sort by
0
Iliana Dyankova
Telerik team
answered on 06 Jun 2013, 10:41 AM
Hello Nathan,

You could achieve the desired outcome using custom CSS. As an example: 
<style>
.k-list-container ul li.k-item{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
</style>

Regards,

Iliana Nikolova
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Juan Pablo
Top achievements
Rank 2
answered on 24 Oct 2013, 10:24 PM
For me the proposed css fix hasn't worked. I had to use

.k-list-container ul {
    overflow: hidden!important;
}
Tags
DropDownList
Asked by
Nathan
Top achievements
Rank 2
Answers by
Iliana Dyankova
Telerik team
Juan Pablo
Top achievements
Rank 2
Share this question
or