Hello,
I'm using Kendo ver. 2014.1.416 and I've created a grid that contains a chart inside its last column.
When I resize the browser, charts do not properly gets resized on Internet Explorer 9. Specially this problem occurs for charts which are existed on even rows.
This problem just occurs on IE9.
I've reproduced the code and it's on: http://jsfiddle.net/saes/AZbKh/3/
Could you please help me what's wrong with my code?
Regards,
Sam
I'm using Kendo ver. 2014.1.416 and I've created a grid that contains a chart inside its last column.
When I resize the browser, charts do not properly gets resized on Internet Explorer 9. Specially this problem occurs for charts which are existed on even rows.
This problem just occurs on IE9.
I've reproduced the code and it's on: http://jsfiddle.net/saes/AZbKh/3/
Could you please help me what's wrong with my code?
Regards,
Sam
5 Answers, 1 is accepted
0
Hi,
This is a strange issue indeed. My guess is that IE9 is calculating the table layout asynchronously and doesn't report the true column width.
This seems to fool the chart that its size has not been changed. We can force the resize operation to get around this:
$(window).on("resize", function() {
$(".k-chart").each(function() {
$(this).data("kendoChart").resize(true);
});
});
I hope this helps.
Regards,
T. Tsonev
Telerik
This is a strange issue indeed. My guess is that IE9 is calculating the table layout asynchronously and doesn't report the true column width.
This seems to fool the chart that its size has not been changed. We can force the resize operation to get around this:
$(window).on("resize", function() {
$(".k-chart").each(function() {
$(this).data("kendoChart").resize(true);
});
});
Regards,
T. Tsonev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0

Sam
Top achievements
Rank 1
answered on 26 May 2014, 10:31 AM
Hi,
Thank you for answer.
Unfortunately forcing resize operation won't help.
A screen capture is attached to this post that pointing to the problem (check 3rd, 6th and 9th row).
Is there any other solution to fix this problem?
Regards,
Sam
Thank you for answer.
Unfortunately forcing resize operation won't help.
A screen capture is attached to this post that pointing to the problem (check 3rd, 6th and 9th row).
Is there any other solution to fix this problem?
Regards,
Sam
0
Hello,
I've tested with both IE9 and IE10 emulation and can't reproduce the issue an updated demo.
Perhaps I'm not doing something right. What are the exact steps you tried?
Regards,
T. Tsonev
Telerik
I've tested with both IE9 and IE10 emulation and can't reproduce the issue an updated demo.
Perhaps I'm not doing something right. What are the exact steps you tried?
Regards,
T. Tsonev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0

Sam
Top achievements
Rank 1
answered on 27 May 2014, 10:24 AM
Hello,
Actually your suggestion works perfectly and it was my mistake that I tested your suggestion on my own environment (real production).
Since I've changed the name of Kendo chart to something else then the DOM structure doesn't contain divs with class name k-chart so $(".k-chart").each(function(){ ... } does not do anything. I changed k-chart to my k-Xchart and it works like a charm.
Again, thank you very much for your valuable answer.
Best Regards,
Sam
Actually your suggestion works perfectly and it was my mistake that I tested your suggestion on my own environment (real production).
Since I've changed the name of Kendo chart to something else then the DOM structure doesn't contain divs with class name k-chart so $(".k-chart").each(function(){ ... } does not do anything. I changed k-chart to my k-Xchart and it works like a charm.
Again, thank you very much for your valuable answer.
Best Regards,
Sam
0
Hi,
I'm glad everything worked out.
We'll try to make things a bit more straight-forward by adding a second, "force" option to kendo.resize as well.
Regards,
T. Tsonev
Telerik
I'm glad everything worked out.
We'll try to make things a bit more straight-forward by adding a second, "force" option to kendo.resize as well.
Regards,
T. Tsonev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!