Kendo Widgets just stopped working

9 posts, 0 answers
  1. Carolyn
    Carolyn avatar
    22 posts
    Member since:
    Aug 2018

    Posted 11 Nov 2018 Link to this post

    Hello,

    My widgets just stopped working!  I am getting the error "Script5009 Kendo not defined".  It seems the browser does not know what to do with the widgets.  I am not getting any errors otherwise.

    I am running version 2018 3.0727.

    Should I rerun the ProgressControlPanelSetup_2018_3_0727.exe to reinstall?

    Thanks for your help!

    Carolyn

  2. Marin Bratanov
    Admin
    Marin Bratanov avatar
    5361 posts

    Posted 12 Nov 2018 Link to this post

    Hello Carolyn,

    The most likely reasons for such errors are:

    • there is now a second jQuery on the page and the Kendo extensions are on the wrong one or are wiped out entirely from the reference
    • something happened to the script references and now the Kendo scripts are not fetched on the page
    • the Kendo references are not after jQuery but before it

    The solution is to ensure only one jQuery is used on the page and that the Kendo scripts are available: https://docs.telerik.com/aspnet-mvc/troubleshoot/troubleshooting#widgets-are-unavailable-or-undefined.

    Could you also confirm the version you are using? The R3 2018 SP1 release has the 2018.3.1027 version number and this is what you need to be using in your app. A version ending in .0727 should not exist and if you are using the CDN we provide, it will return 404s for all resources, because they do not exist there.

    With that said, you can delete the Kendo references and resources from your project and add them again (either manually, or through the VS wizard we have) to ensure proper references: https://docs.telerik.com/aspnet-mvc/introduction#upgrade-to-newer-versions. You can find details on how to manually add Kendo to your project and how references should look like in the following article: https://docs.telerik.com/aspnet-mvc/getting-started/asp-net-mvc-5#add-telerik-ui-for-aspnet-mvc.


    Regards,
    Marin Bratanov
    Progress Telerik
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
  3. Carolyn
    Carolyn avatar
    22 posts
    Member since:
    Aug 2018

    Posted 12 Nov 2018 in reply to Marin Bratanov Link to this post

    Hi Marin,

    Here is the version from the properties on the Reference: Kendo.Mvc - 2018.2.620.545

    Guessing I should upgrade?

  4. Carolyn
    Carolyn avatar
    22 posts
    Member since:
    Aug 2018

    Posted 12 Nov 2018 Link to this post

    Here is the header from layout.cshtml:

    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>@ViewBag.Title - Procurement</title>
        @Styles.Render("~/Content/css")
        @Scripts.Render("~/bundles/modernizr")
        <!--This bundle was moved by the Telerik VS Extensions for compatibility reasons-->
        @Scripts.Render("~/bundles/jquery")
         <link href="https://kendo.cdn.telerik.com/2018.2.620/styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
     <link href="https://kendo.cdn.telerik.com/2018.2.620/styles/kendo.mobile.all.min.css" rel="stylesheet" type="text/css" />
     <link href="https://kendo.cdn.telerik.com/2018.2.620/styles/kendo.default.min.css" rel="stylesheet" type="text/css" />
     <script src="https://kendo.cdn.telerik.com/2018.2.620/js/jquery.min.js"></script>
     <script src="https://kendo.cdn.telerik.com/2018.2.620/js/jszip.min.js"></script>
     <script src="https://kendo.cdn.telerik.com/2018.2.620/js/kendo.all.min.js"></script>
     <script src="https://kendo.cdn.telerik.com/2018.2.620/js/kendo.aspnetmvc.min.js"></script>
    <script type="text/javascript" src="@Url.Content("/LocalScripts/Common.js")"></script>
     <script src="@Url.Content("~/Scripts/kendo.modernizr.custom.js")"></script>
    </head>

    jquery is not loaded more than once...

     

  5. Carolyn
    Carolyn avatar
    22 posts
    Member since:
    Aug 2018

    Posted 12 Nov 2018 Link to this post

    Hi Marin,

    I just updated to Version: 2018.3.1017.545 - (version on kendo.mvc.dll).

    My _layout.cshtml was updated as follows:

    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>@ViewBag.Title - Procurement</title>
        @Styles.Render("~/Content/css")
        @Scripts.Render("~/bundles/modernizr")
        <!--This bundle was moved by the Telerik VS Extensions for compatibility reasons-->
        @Scripts.Render("~/bundles/jquery")
         <link href="https://kendo.cdn.telerik.com/2018.3.1017/styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
     <link href="https://kendo.cdn.telerik.com/2018.3.1017/styles/kendo.mobile.all.min.css" rel="stylesheet" type="text/css" />
     <link href="https://kendo.cdn.telerik.com/2018.3.1017/styles/kendo.default.min.css" rel="stylesheet" type="text/css" />
     <script src="https://kendo.cdn.telerik.com/2018.3.1017/js/jquery.min.js"></script>
     <script src="https://kendo.cdn.telerik.com/2018.3.1017/js/jszip.min.js"></script>
     <script src="https://kendo.cdn.telerik.com/2018.3.1017/js/kendo.all.min.js"></script>
     <script src="https://kendo.cdn.telerik.com/2018.3.1017/js/kendo.aspnetmvc.min.js"></script>
    <script type="text/javascript" src="@Url.Content("/LocalScripts/Common.js")"></script>
     <script src="@Url.Content("~/Scripts/kendo.modernizr.custom.js")"></script>
    </head>

     

    However I still get the same error: "SCRIPT5009 kendo is undefined".

  6. Carolyn
    Carolyn avatar
    22 posts
    Member since:
    Aug 2018

    Posted 12 Nov 2018 Link to this post

    Just one more bit of information:  this started happening after I attached my Apple iPhone to my computer in order to download some pictures.

    It's a long shot but could that have anything to do with this?

  7. Carolyn
    Carolyn avatar
    22 posts
    Member since:
    Aug 2018

    Posted 12 Nov 2018 Link to this post

    And this  is what my kendo widget (a grid) looks like in the browser:

     

  8. Carolyn
    Carolyn avatar
    22 posts
    Member since:
    Aug 2018

    Posted 12 Nov 2018 Link to this post

    Update:

    I switched my IIS Express to use Internet Explorer instead of Edge and my controls are rendering.

    Issue is with Edge (Microsoft Edge 42.17134.1.0).  

    Why did kendo widgets stop working in Edge???

  9. Marin Bratanov
    Admin
    Marin Bratanov avatar
    5361 posts

    Posted 13 Nov 2018 Link to this post

    Hi Carolyn,

    This version is the R2 2018 SP1 version. That's not really relevant, I am just adding it as a piece of information.

    The actual issue is that in the layout snippet there are two versions of jQuery:

      @Scripts.Render("~/bundles/jquery")
    and
     <script src="https://kendo.cdn.telerik.com/2018.2.620/js/jquery.min.js"></script>

    so you should keep only one. Which one depends on the version of jQuery you want on the page and what else there may be in the bundle (e.g., jQueryUI, validation, etc.).

    On the screenshot and Edge - the screenshot looks like the resources (including stylesheets) are not loaded, which indicates either broken paths (which shouldn't be the case since other browsers work fine), or that something in Edge is preventing them from being fetched. That might be some extension, or security policy, or something from the Apple toolkit, or a firewall rule/antivirus software, and I do hope you will manage to find what it is.

    I'm also attaching a screenshot of an example of the order you should see the scripts in.


    Regards,
    Marin Bratanov
    Progress Telerik
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top