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

[Solved] Problem with including grid inside kendo window

1 Answer 197 Views
Grid
This is a migrated thread and some comments may be shown as answers.
asd
Top achievements
Rank 1
asd asked on 21 Nov 2014, 05:22 PM
Hello,
I found that there is problem with grid height using angular. If you create window, inside window you will use ng-include to include html page with grid, then the height of grid gets bugged. Try to add grid directly into window without using ng-include, then everything works fine.

Example:
http://speedy.sh/ertmY/KendoBugExample.rar

1 Answer, 1 is accepted

Sort by
0
Rosen
Telerik team
answered on 25 Nov 2014, 11:20 AM
Hi,

The behavior in question is due to the fact that Grid widget is not visible when initialized, thus it cannot adjust its layout correctly. In order to correct this you should refresh the layout when the window is shown via the kendo.resize method:

$scope.OpenModal = function() {
    var windowDiv = angular.element("#RegisterPatient");
    var dialog = windowDiv.data("kendoWindow");
    dialog.center().open();
    kendo.resize(windowDiv);
}


Regards,
Rosen
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
asd
Top achievements
Rank 1
Answers by
Rosen
Telerik team
Share this question
or