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

Grid 100% height with other element in window

1 Answer 22 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Matjaz
Top achievements
Rank 1
Matjaz asked on 08 Sep 2014, 06:37 PM
I know that many topics discuss this subject. I read them approximately 15, so please bear with me. I also follow the documentation and it works.
Then I add a new kendo widget to the window and 100% height is collapsed.

How can I achieve that kendoGrid takes all available space not the whole space?

demo I want only grid scroll not also window.

1 Answer, 1 is accepted

Sort by
0
Accepted
Dimo
Telerik team
answered on 09 Sep 2014, 07:49 AM
Hello Matjaz,

100% high elements (the Grid) cannot have siblings (the Toolbar).

I recommend you the following approach, which is relatively simple, compared to its alternative:

- use a Splitter inside the Window and place the Toolbar and the Grid in separate panes. This will allow you to maintain the Grid's 100% height.
- the panes should be non-scrollable
- clear the Window's container padding and disable its scrollability.

http://dojo.telerik.com/ASIkU

The only downside of this technique is that the size of the top pane depends on the Toolbar's height, so you need to calculate it or hard-code it.

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
Matjaz
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or