Kendo is not loaded. Make sure that Kendo is included.

8 posts, 0 answers
  1. Michel
    Michel avatar
    42 posts
    Member since:
    Oct 2016

    Posted 25 Jan 2018 Link to this post

    I followed the intructions to add reporting to a new asp.net core website from here: https://docs.telerik.com/reporting/html5-report-viewer-asp-net-core-2

    I am using version 12.0.18.125 so I updated my html page to the html below.

    When I launch the html page I get a popup saying: "Kendo is not loaded. Make sure that Kendo is included.

    If I click ok i see an empty report.

    How should I configure kendo? Where is it loading from?

    I don't have a script like this: <script src="telerikReportViewer.kendo-11.2.17.913.min.js"></script> 

     

    Html:

    <!DOCTYPE html> 
    <html> 
    <head> 
        <meta charset="utf-8" /> 
        <title></title> 
        <script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script> 

        <link href="http://cdn.kendostatic.com/2013.2.918/styles/kendo.common.min.css" rel="stylesheet" /> 
        <link href="http://cdn.kendostatic.com/2013.2.918/styles/kendo.blueopal.min.css" rel="stylesheet" /> 

        <script src="telerikReportViewer.kendo-11.2.17.913.min.js"></script> 
        <script src="/api/reports/resources/js/telerikReportViewer-12.0.18.125.min.js"></script> 

        <style> 
            #reportViewer1 { 
                position: absolute; 
                left: 5px; 
                right: 5px; 
                top: 50px; 
                bottom: 5px; 
                overflow: hidden; 
                font-family: Verdana, Arial; 
            } 
        </style> 

    </head> 
    <body> 
    <div id="reportViewer1"> 
        loading... 
    </div> 

    <script> 
        $(document).ready(function () { 
            $("#reportViewer1") 
                .telerik_ReportViewer({ 
                    serviceUrl: "api/reports/", 
                    reportSource: { 
                        //report: "Telerik.Reporting.Examples.CSharp.ReportCatalog, CSharp.ReportLibrary", 
                        report: "Barcodes Report.trdp", 
                        parameters: {} 
                    }, 
                    viewMode: telerikReportViewer.ViewModes.INTERACTIVE, 
                    scaleMode: telerikReportViewer.ScaleModes.SPECIFIC, 
                    scale: 1.0, 
                }); 
        }); 
    </script> 
    </body> 
    </html>

     

     

     

     

     

  2. Michel
    Michel avatar
    42 posts
    Member since:
    Oct 2016

    Posted 26 Jan 2018 in reply to Michel Link to this post

    Found the solution. There are two bugs in the example.

    1.

    <script src="telerikReportViewer.kendo-12.0.18.117.min.js"></script>  should be:

    <script src="/js/telerikReportViewer.kendo-12.0.18.117.min.js"></script> 

    2.

    scale: 1.0,

    should be

    scale: 1.0

    After these fixes it worked

  3. Katia
    Admin
    Katia avatar
    693 posts

    Posted 30 Jan 2018 Link to this post

    Hi Michel,

    Thank you for your feedback, we'll remove the additional comma in the example of viewer initialization. Regarding the path to the viewer's JS file, it will depend on where the file is located. If the file is copied to wwwroot folder no corrections will be required. In case, you placed the file to js folder (or any other folder) then the path needs to be corrected according to the project structure.


    Regards,
    Katia
    Progress Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  4. Doug
    Doug avatar
    6 posts
    Member since:
    Jun 2017

    Posted 13 Aug 2018 in reply to Katia Link to this post

    These posts were created in Jan 2018.

    Yet, that comma is still there:  https://docs.telerik.com/reporting/html5-report-viewer-asp-net-core-2#prerequisites

    and if you are advising to "Copy the Kendo subset from {Telerik Reporting installation path}\Html5\ReportViewer folder to wwwroot. " then should not they not then be advised to create these:

    <link href="~/styles/kendo.common.min.css" rel="stylesheet" />
    <link href="~/styles/kendo.blueopal.min.css" rel="stylesheet" />

    rather than rely on the

    <link href="http://cdn.kendostatic.com/2013.2.918/styles/kendo.common.min.css" rel="stylesheet" />
    <link href="http://cdn.kendostatic.com/2013.2.918/styles/kendo.blueopal.min.css" rel="stylesheet" /

    which raise browser warnings because they are not https?

     

    Which brings me to my question: in the 'Kendo subset' there is 'telerikReportViewer.css'. Is there any need for it to be copied over?

    Doug

     

     

     

  5. Nasko
    Admin
    Nasko avatar
    1055 posts

    Posted 16 Aug 2018 Link to this post

    Hi Doug,

    I just changed the article to reflect your feedback.

    The telerikReportViewer.css is loaded as a resource from the Reporting REST service assembly. Unless you are modifying the report viewer template link reference to this CSS file, then you won't need to copy it over.

    Regards,
    Nasko
    Progress Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  6. Godfrey
    Godfrey avatar
    2 posts
    Member since:
    Jan 2015

    Posted 25 Sep Link to this post

    I have similar problem.  I have tried the solution given above but in vain.  Below is code:

     

    <%@ Page Language="vb" AutoEventWireup="false" CodeBehind="ReportViewerBabyclinic.aspx.vb" Inherits="ICEAReports._ReportViewerBabyclinic" %>

    <%@ Register TagPrefix="telerik" Assembly="Telerik.ReportViewer.Html5.WebForms" Namespace="Telerik.ReportViewer.Html5.WebForms" %>

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>Baby clinic</title>
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
        <style>
    #reportViewer1 {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 5px;
    bottom: 5px;
    overflow: hidden;
    font-family: Verdana, Arial;
    }
    </style>

    </head>
    <body>
        <form runat="server">
           <div>
               <telerik:ReportViewer ID="ReportViewer1" runat="server">
                
            </telerik:ReportViewer>

           </div>
        </form>
    </body>
    </html>

  7. Silviya
    Admin
    Silviya avatar
    413 posts

    Posted 30 Sep Link to this post

    Hi Godfrey,

    • What is the currently installed version of Telerik Reporting? As of R2 2019 (13.1.19.514) we serve the viewer dependencies from the REST Service (including the kendo subset).
    • Are you displaying Report Server reports? I'm asking this as we have a bug in our previous versions which is already fixed in R2 2019 SP1 (13.1.19.618) release.

    Our recommendation is to upgrade to our newest version, e.g. R3 2019 (13.2.19.918) and test if everything is working correctly. If any problem occurs, please open a new support ticket and send us the problematic project for further investigation.

    Best Regards,
    Silviya
    Progress Telerik

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  8. Godfrey
    Godfrey avatar
    2 posts
    Member since:
    Jan 2015

    Posted 18 hours ago in reply to Silviya Link to this post

    Hi Silviya,

    After updating the Telerik Reporting and compiling the application, the earlier message disappeared and now getting this message;

    "Cannot access the Reporting REST service. (serviceUrl = '/api/reports/'). Make sure the service address is correct and enable CORS if needed. (https://enable-cors.org)"

    What do I need to do so that I get the report loaded?

     

    regards

    Godfrey

     

Back to Top