Grid height

[cp]

Hello,
I am wondering if it is possible to have a grid (inside a splitter) that spans the whole height of the page with just css?

I have attached a sample project, and what I would like to have happen is for the header to be right at the top of the page and the footer at the bottom regardless of the size of the browser window.

Thanks,

[Dimo]

Hi Claudiu,

When using the latest Kendo UI version (2014.1.318), the Grid-in-Splitter scenario does not require additional Javascript to make the Grid expand to 100% height. You can follow our documentation:

Expand Grid to 100%

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

When the Grid is inside a Splitter, the Splitter will call the Grid's resize method automatically.

Expand Splitter to 100%

http://docs.telerik.com/kendo-ui/getting-started/web/splitter/overview#make-the-splitter-expand-to-100%-height

I recommend you to take care of the Splitter first.

Regards,
Dimo
Telerik