WebReportDesigner in .NET Core Angular application

[Rui Silva]

Hello, i am trying to use WebReportDesigner in my NetCore Angular application, but i don't seem to get it to work whatever i do.

Can you please provide an example on How can i achieve this? Thank you very much

[Rui Silva]

Any help on this, please?

[Neli]

Hi Rui Silva,

To display the Web Report Designer in Angular application,  firstly, we need to make changes in the code on our end. For that reason, I logged a feature request in our Feedback portal- Web Report Designer in Angular.

Regards,
Neli
Progress Telerik

[Rui Silva]

Thank you. I have installed the trial version as this is a "prime" feature for me. If anyhow you can help me achieve this while the feature goes trough your feature stack, please tell me as the buying of the product depend on that feature. Thank you

[Neli]

Hi Rui Silva,

We will make further tests to check if it is possible to embed the Web Report Designer in Angular application with the current potential of Telerik Reporting. If that's possible, we will post an update with the example project in this thread.

Regards,
Neli
Progress Telerik

[Rui Silva]

Any updates on this?

Thanks

[Neli]

Hi Rui Silva,

We were busy with the new release that is going to be launched later today. Our development team will investigate the issue further at the first opportunity.

Regards,
Neli
Progress Telerik

[Veronika]

Hi Rui,

I have tested and I managed to run the Telerik Web Report Designer in .NETCore Angular application. I attached a demo project, so you could see exactly how I did it. Here are the steps that I have done:

 - As the Telerik Web Report Designer is a jQuery plugin, I linked the required scripts in the index.html. - jQuery, Kendo, Telerik Report Viewer and Telerik Web Report Designer. It is important jQuery to be loaded before the designer's sources, so we could register the designer as a jQuery plugin. Also, It is important to make sure that this will be the only jQuery instance used in the project.

 - I imported the jQuery in the component, where the designer will be created. In the demo project, this is the home.component.ts

I know that the solution does not follow the Angular principle of how to use jQuery. In order to use it correctly, you could load the designer's scripts dynamically. In this Stack overflow article (How to load external scripts dynamically in Angular?) you could see a lot of ideas. 

Please, let me know if you have some questions or difficulties running the demo project.

Best Regards,
Veronika
Progress Telerik