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>
14 Answers, 1 is accepted
Rank 1
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
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
Rank 1
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
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
Rank 1
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>
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
Rank 1
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
Hello Godfrey,
The error indicates that the Telerik Reporting REST Service is not working properly. I suggest to check this article which describes the possible causes and the solution for the error: 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).
Regards,
Neli
Progress Telerik
Rank 1
Dear Neli,
I have tried all those tips but have failed. Any other option?
Thanks for your support in advance
Hello Godfrey,
I need to know if there are any errors in the browser console. Is so, send us screenshots of the console. Also, do you use a custom report resolver?You can check whether the REST Service is working by request to '/api/reports/formats'. It should return JSON with the available document formats.
In addition, try attaching a Trace Listener to the REST Service and check the generated log for additional details.
If it is possible, send us the log file, as well as the SAZ file generated by Fiddler.
Regards,
Neli
Progress Telerik
Rank 1
This is the response I received when checking the REST Service by requesting 'api/reports/formats'
<?xml version="1.0" encoding="ISO-8859-1"?>
<Error><Message>No HTTP resource was found that matches the request URI 'http://localhost:8657/api/reports/formats.aspx'.</Message><MessageDetail>No action was found on the controller 'Reports' that matches the name 'formats.aspx'.</MessageDetail></Error>
Hi Godfrey,
There might be any problems with the routes. Note that our REST service is a Web API application. From the message, I cannot define what goes wrong. For that reason, I suggest to open a new Support ticket where you can include the problematic application. I will inspect it and provide you additional information.
Regards,
Neli
Progress Telerik
Rank 1
Dear Neli,
Kindly guide me how to open a super ticket.
Thanks
Hi Godfrey,
To submit a support ticket you need to follow this link and log into your Telerik account. A more detailed guide is available in the How To Submit a Support Ticket blog post.
Regards,
Nasko
Progress Telerik