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

Resizing problem with IE9

5 Answers 48 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Sam
Top achievements
Rank 1
Sam asked on 23 May 2014, 02:27 PM
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

5 Answers, 1 is accepted

Sort by
0
T. Tsonev
Telerik team
answered on 26 May 2014, 09:20 AM
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
 
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
0
T. Tsonev
Telerik team
answered on 26 May 2014, 10:52 AM
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
 
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
0
T. Tsonev
Telerik team
answered on 27 May 2014, 11:05 AM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Charts
Asked by
Sam
Top achievements
Rank 1
Answers by
T. Tsonev
Telerik team
Sam
Top achievements
Rank 1
Share this question
or