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

Compatibility issue with Chart (HTML5) - Reportviewer

1 Answer 109 Views
Chart (HTML5)
This is a migrated thread and some comments may be shown as answers.
Francisco
Top achievements
Rank 1
Francisco asked on 28 Nov 2019, 02:37 PM
Hello, doing tests with the latest version of reports and controls ajax I find that if on the same page there is a Chart(HTML5) and a Telerik Report Viewer the top bar of the report is not generated correctly. I have tried including different versions of jquey, and the result is the same, starting a new project and only leaving those two controls the problem persists, deactivating one control and leaving only the other separately work perfectly, the problem only occurs when the two. Making tests to understand the problem disable some attributes of the Chart(HTML5) and leaving (EnableEmbeddedScripts = "false") the two controls are generated correctly even if the graph is not displayed. Is it not possible to combine the two controls? Thanks.

1 Answer, 1 is accepted

Sort by
0
Vessy
Telerik team
answered on 02 Dec 2019, 03:22 PM

Hi Francisco,

We have already answered your support ticket on the matter, for convenience I am copying our reply here as well:

 

The issue was discussed from both teams - Telerik UI for AJAX and Telerik Reporting. The behavior is caused because of the embedded into the UI for ASP.NET AJAX stripped version of the Kendo scripts. To avoid this outcome, you need to load all Kendo scripts on the page and disable the once embedded in the AJAX DLLs:

<head runat="server">
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.3.1023/styles/kendo.default-v2.min.css" />
    <script src="https://kendo.cdn.telerik.com/2019.3.1023/js/jquery.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2019.3.1023/js/kendo.all.min.js"></script>
    ...
</head>
<telerik:RadScriptManager ID="RadScriptManager1" runat="server" EnableEmbeddedjQuery="false">
    <Scripts>
        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryExternal.js" />
        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryPlugins.js" />
    </Scripts>
</telerik:RadScriptManager>

For further information, refer to RadHtmlChart Integration With KendoUI Widgets article. You can also check the attached page which demonstrates the approach.

In addition, you may consider the usage of the Graph item (Column Charts) from Telerik Reporting for consistency and of course if the scenario of the application allows that. 

Please, let us know id you need further assistance.

Regards,
Vessy
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.
Tags
Chart (HTML5)
Asked by
Francisco
Top achievements
Rank 1
Answers by
Vessy
Telerik team
Share this question
or