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

Grid that expands with kendo window?

1 Answer 71 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Jordon
Top achievements
Rank 1
Jordon asked on 25 Jul 2013, 10:36 PM
Hi,

I have a kendo Grid inside a kendo Window.

The grid starts about 1/3 down into the window. I am trying to find a way that the grid will size with the window. So when a user makes the window bigger the grid matches, but also allows the grid to scroll.

Its easy to get it to scroll, but I dont know how to get it to size with my window.

Any ideas?

1 Answer, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 29 Jul 2013, 11:26 AM
Hello Jordon,

The fact that the Grid is not the sole content of the Window means that its height will not be 100% and it cannot be sized automatically by using CSS only. You will need to use the Window's resize event, and calculate the Grid height manually, based on the Window height (div.k-window-content).

When the Grid <div> height has been set, you can execute the code used in the event handler here:

http://docs.kendoui.com/getting-started/web/grid/walkthrough#making-the-grid-100%-high-and-auto-resizable

This code will adjust the height of the scrollable data area, based on the overall Grid height.

Regards,
Dimo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Grid
Asked by
Jordon
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or