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.
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
0
Accepted
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
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!