@progress/telerik-angular-native-report-viewer

Progress Telerik Native Report Viewer component for Angular

This package is part of Telerik Reporting.

Report authors now will be able to seamlessly implement report preview functionality using a native Angular report viewer control, so that the end-users get the best possible UX from perfectly blending UI controls when using Kendo UI for Angular and Telerik Reporting into an application. Leveraging the power of Angular, this viewer provides a responsive and dynamic reporting interface, ensuring an optimal user experience across various devices.

The viewer is built with Kendo UI for Angular components library and requires a valid Kendo UI for Angular or DevCraft license.

Telerik Native Angular Report Viewer provides the rich functionality of the rest of the Telerik Reporting Report Viewer implementations:

• Navigate the report pages for a preview on the screen.
• Exercise the defined interactivities like navigating to another report or to a bookmark in the same one, drill-down or sort on a column, etc.
• Print or export the report to all the formats our .NET Reporting Engine supports: PDF, MS Word, Excel, PowerPoint, CSV, etc.
• Does not depend on the jQuery library.

Requirements

• NodeJS 18.0 or later.
• Kendo UI for Angular 13.2.0 or later.
• Angular 13.0 or later.
• Running and accessible Telerik Report Server or Telerik Reporting REST Service 18.0.24.305.

Add to an Angular project

1. Install the package using the -f flag - npm install -f @progress/telerik-angular-native-report-viewer
2. ng add the Angular localize package - Add the localize package.
3. import the ReportingAngularViewerModule in the application root module:
4. import a Kendo theme in the component's styles, e.g. Kendo UI Default - Styling & Themes - Overview - Kendo UI for Angular (telerik.com)
5. Now, the viewer can be rendered in your project's components through the reporting-angular-viewer selector:

<reporting-angular-viewer
    #report
    [reportSource]="{
        report: 'Report Catalog.trdx',
        parameters: {}
    }"
    serviceUrl="https://demos.telerik.com/reporting/api/reports"
    viewMode="interactive"
    [keepClientAlive]="true">
</reporting-angular-viewer>

Example

Telerik Reporting installer deploys a runnable project of Telerik Native Angular Report Viewer in folder %programfiles(x86)%\Progress\Telerik Reporting Rr YYYY\Examples\Angular\native-angular-report-viewer-example. Rr YYYY denotes the current release and year, e.g. 'R3 2023'.

License

IMPORTANT This is commercial software. You must agree to the Telerik End User License Agreement for Telerik Reporting and to the license agreements of its dependencies in order to use it.

If you do not own a commercial license, the use of this product and its Kendo UI for Angular dependency shall be governed by the respective trial licenses' terms.

You have two purchase options to obtain the necessary commercial licenses:

1. Telerik Reporting + Kendo UI
2. Telerik DevCraft (Complete or Ultimate)