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

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

    Posted 25 Jan 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 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 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 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
    1024 posts

    Posted 16 Aug 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
Back to Top