Size should be same for both Kendo List Views

[Parthasarathi]

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

 @(Html.Kendo().ListView<Model>()
        .Name("sites")
        .Events(events => events.DataBound("OnDataBound"))
        .TagName("div")
        .ClientTemplateId("template")
        .DataSource(source =>
        source.Read(read => read.Action("Action", "Controller"))
        .PageSize(10))
        .Selectable(selection =>
        {
            selection.Enabled(true);
            selection.Mode(ListViewSelectionMode.Multiple);
        })
        .Pageable(pager => { pager.PageSizes(true);})
        )
Regards,
Partha.

[Iliana Dyankova]

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