Parthasarathi
Top achievements
Rank 1
Parthasarathi
asked on 17 Jan 2013, 11:35 AM
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.
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.
5 Answers, 1 is accepted
0
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:
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
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Ariel
Top achievements
Rank 1
answered on 24 Jul 2013, 02:06 AM
Yes, but how i add an scroll without fixing the height?
0
Hello Ariel,
Dimo
Telerik
Can you do that with a plain <div> element?
Dimo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Jeremy
Top achievements
Rank 1
answered on 12 Feb 2018, 09:40 PM
This worked, except now it put an unnecessary left-right scrollbar on the list
0
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
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
Try our brand new, jQuery-free Angular components built from ground-up which
deliver the business app essential building blocks - a grid component,
data visualization (charts) and form elements.