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

Problem in IE11 with enabled compatibility mode

4 Answers 668 Views
Window
This is a migrated thread and some comments may be shown as answers.
Thomas Sonnenschein
Top achievements
Rank 2
Thomas Sonnenschein asked on 21 Aug 2017, 02:14 PM

Hello Forum,

  I have a problem with kendo windows in ie 11 if the (in)compatibility mode is enabled.

If the user has enabled this annoying mode (default is on for all intranet pages :(, who has decided this crap?) I show the a dialog with a link to a page, how to deactivate this, because the complete webside is not working correct in this mode.

This worked without problems until I upgraded to Kendo for MVC 2017 R2 SP1.

If I try to create a kendo window in javascript with this code:

var kendoWindow = $("<div />").kendoWindow(
{
    title: headline,
    resizable: false,
    modal: true,
    width: "500px"
});

I get a Javascript exception:

Unhandled exception at line 46, column 7165 in http://localhost:3364/Scripts/kendo/2017.2.621/kendo.all.min.js
0x800a01b6 - Runtimeerror in JavaScript: The Object has no Property or Method "indexOf".

I tried different Demo code from the telerik demo page (also as MVC directive) but got always the same error.

Has anyone else seen this behaviour and found a solution for this? For now I have to switch to a simple javascript alert.

Greetings

  Thomas

4 Answers, 1 is accepted

Sort by
0
Nencho
Telerik team
answered on 23 Aug 2017, 08:23 AM
Hello Thomas,

I am afraid that the Compatibility mode is not supported with our components. The reason is that it emulates an old version of the browser, where the widgets are also no supported.

This is stated in our documentation article below:

http://docs.telerik.com/kendo-ui/intro/supporting/browser-support#notes-on-web-browser-support

On a side note, you can try initialize the window on a no-selfclosing tag. In other words, use <div></div> instead of <div />

Regards,
Nencho
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Thomas Sonnenschein
Top achievements
Rank 2
answered on 23 Aug 2017, 11:48 AM

Hello Nencho,

  thank you for your answer.

That the (in)compatibility mode is a whole crap, we have not to discuss about. My web application was even as ASPX-Version neither now as MVC not working in this mode. So to give the user a hint, that the configuration of IE has to be changed, I used until now a modal telerik window with a link to a help page. This was working fine until I updated from Version 2016.1.226 to 2017.2.621 of Kendo for MVC.

For the moment I use a simple javascript alert, where the user has to copy and paste the link and cannot click to solve this issue.

Your tip, to use a no-selfclosing tag I have to test. After that I can give additional feedback.

Greetings,

  Thomas

0
Thomas Sonnenschein
Top achievements
Rank 2
answered on 23 Aug 2017, 11:54 AM

Hello again,

  the no-selfclosing tag has no effect. Kendo Window throws the same exception.

Greetings,

  Thomas

0
Nencho
Telerik team
answered on 25 Aug 2017, 06:57 AM
Hello Thomas,

Instead for prompting the user to manually change the emulation of the browser, you can try using the meta tag, which will force the browser the load in Standard Mode. This is also described in the documentation article that I had referenced:

http://docs.telerik.com/kendo-ui/intro/supporting/browser-support#notes-on-web-browser-support

Also, there are some public threads on that matter:

https://stackoverflow.com/questions/3449286/force-ie-compatibility-mode-off-using-tags

https://stackoverflow.com/questions/5374099/how-do-i-force-internet-explorer-to-render-in-standards-mode-and-not-in-quirks

Regards,
Nencho
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Window
Asked by
Thomas Sonnenschein
Top achievements
Rank 2
Answers by
Nencho
Telerik team
Thomas Sonnenschein
Top achievements
Rank 2
Share this question
or