This is a migrated thread and some comments may be shown as answers.

Date picker and Export menu not working

1 Answer 41 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Matthew
Top achievements
Rank 1
Matthew asked on 24 Feb 2017, 02:35 PM

Hello,

 

I recently set up a report in ASP.NET MVC. The report viewer is created using the HTML helper in the razor view. Everything works except for the date pickers for some ReportParameters and the dropdown menu for exporting the report.

When I hover/click on either of those controls I get the following JS error: elem.getClientRects is not a function

I suspect I am missing a JS file.

The JS files included in the page are (in order of inclusion):

  1. telerikReportViewer.kendo-11.0.17.222.min.js
  2. telerikReportViewer-11.0.17.222.min.js

The CSS files included are (in order of inclusion):

  1. kendo.common.min.css
  2. kendo.blueopal.min.css

The ENTIRE view for the report viewer looks like:

@model Telerik.Reporting.TypeReportSource
 
@using Telerik.Reporting
@using Telerik.ReportViewer.Mvc
 
@section style {
    @Styles.Render("~/Content/css/KendoReporting")
 
    <style>
        #reportViewer1 {
            position: relative;
            margin-left:auto;
            margin-right:auto;
            width: 900px;
            height: 900px;
            font-family: Verdana, Arial;
        }
    </style>
}
 
 
@section scripts {
    @Scripts.Render("~/bundles/KendoReporting")
}
     
 
@(Html.TelerikReporting().ReportViewer()
        .Id("reportViewer1")
        .ServiceUrl(Url.Content("~/api/reports"))
        .ReportSource(Model)
        .ViewMode(ViewMode.Interactive)
        .ScaleMode(ScaleMode.Specific)
        .Scale(1.0)
        .PersistSession(false)
        .PrintMode(PrintMode.AutoSelect)
 
)

 

And finally the bundles used look like:

//Telerik Reporting Bundles
            bundles.Add(new ScriptBundle("~/bundles/KendoReporting").Include(               
                "~/Scripts/Local/ReportViewer/telerikReportViewer-11.0.17.222.min.js",
                "~/Scripts/Local/ReportViewer/telerikReportViewer.kendo-11.0.17.222.min.js"));
 
            bundles.Add(new StyleBundle("~/Content/css/KendoReporting").Include(
                "~/Content/kendo.common.min.css",
                "~/Content/kendo.blueopal.min.css"));

 

In the main view layout, the JS files are loaded FIRST in the head, then the CSS files.

 

Thank you!

1 Answer, 1 is accepted

Sort by
0
Stef
Telerik team
answered on 24 Feb 2017, 04:24 PM
Hi Matthew,

The Kendo UI subset provided by telerik Reporting (telerikReportViewer.kendo-11.0.17.222.min.js) is of Kendo UI v2015.3.930. The loaded Kendo UI CSS files must be of the same version, or you can replace the Kendo JS subset with your version of kendo.all.min.js.

If the above does not resolve the problem, please open a support ticket and send us a demo project that reproduces the problem.

Regards,
Stef
Telerik by Progress
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
Tags
General Discussions
Asked by
Matthew
Top achievements
Rank 1
Answers by
Stef
Telerik team
Share this question
or