Problem in IE11 with enabled compatibility mode

5 posts, 0 answers
  1. Thomas Sonnenschein
    Thomas Sonnenschein avatar
    27 posts
    Member since:
    Dec 2008

    Posted 21 Aug Link to this post

    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

  2. Nencho
    Admin
    Nencho avatar
    1645 posts

    Posted 23 Aug Link to this post

    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.
  3. Thomas Sonnenschein
    Thomas Sonnenschein avatar
    27 posts
    Member since:
    Dec 2008

    Posted 23 Aug in reply to Nencho Link to this post

    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

  4. Thomas Sonnenschein
    Thomas Sonnenschein avatar
    27 posts
    Member since:
    Dec 2008

    Posted 23 Aug in reply to Thomas Sonnenschein Link to this post

    Hello again,

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

    Greetings,

      Thomas

  5. Nencho
    Admin
    Nencho avatar
    1645 posts

    Posted 25 Aug Link to this post

    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.
Back to Top