How to apply vertical scroll bar to kendo listview?

[Parthasarathi]

Hi All,

I am using listview in some of the mvc views. When page size is increased,e.g,50 items per page, records are coming out of the listview. To fix this issue, how to apply vertical scroll bar to kendo listview? Immediate help would be appreciated.

Regards,
Partha.

[Dimo]

Hi Partha,

The ListView itself does not provide a built-in configurable scrolling functionality, but you can enable it easily with CSS just like for a regular <div> element. For example:

#ListViewID
{
     height: 400px;
     overflow: auto;
}

You can also use max-height instead of height, so that the widget resizes automatically if it has a small number of items.

Regards,
Dimo
the Telerik team

[Ariel]

Yes, but how i add an scroll without fixing the height?

[Dimo]

Hello Ariel,

Can you do that with a plain <div> element?

Regards,
Dimo
Telerik

[Jeremy]

This worked, except now it put an unnecessary left-right scrollbar on the list

[Tsvetina]

Hello Jeremy,

You could also try setting ​overflow-y: auto​ instead of overflow: auto:
https://dojo.telerik.com/imUvU

If you are sure that horizontal scrolling will not be needed for your ListView at any point, you can also apply overflow-x: hidden.

Regards,
Tsvetina
Progress Telerik