Size should be same for both Kendo List Views

2 posts, 1 answers
  1. Parthasarathi
    Parthasarathi avatar
    24 posts
    Member since:
    Oct 2012

    Posted 12 Dec 2012 Link to this post

    Hi All,

    In my mvc view, I have 2 List-views. In one of the  List-view, only 2 or 3 items will displayed when another List-view will have 10 items per page simultaneously. Even though, first list-view display only 1 or 2 or 3.., list-view size should be same along with second list-view which is displaying 10 items in the page. Currently, what is happening is first list-view size is reducing. How to overcome this problem? I am attaching screen shot. Immediate help will be appreciated.

    Below is my code

            .Events(events => events.DataBound("OnDataBound"))
            .DataSource(source =>
            source.Read(read => read.Action("Action", "Controller"))
            .Selectable(selection =>
            .Pageable(pager => { pager.PageSizes(true);})
  2. Answer
    Iliana Nikolova
    Iliana Nikolova avatar
    2622 posts

    Posted 14 Dec 2012 Link to this post

    Hello Partha,

    This could be achieved using custom CSS and the ListView's specific class (note that Kendo UI widgets use primitives which provide a level of abstraction and allow common styling). For example:

    .k-widget.k-listview {
       height: 500px;

    More detailed information about the appearance and styling in Kendo UI can be found in the corresponding documentation.

    Kind regards,
    Iliana Nikolova
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top