Skip to content

Commit 1e6eddf

Browse files
chore: fix code snippets
1 parent 4a19a54 commit 1e6eddf

File tree

1 file changed

+7
-3
lines changed

1 file changed

+7
-3
lines changed

knowledge-base/display-web-report-designer-in-angular-application.md

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -50,27 +50,30 @@ Follow these steps to integrate the Telerik Web Report Designer in your Angular
5050
<!-- jQuery -->
5151
<script src="https://code.jquery.com/jquery-{{site.jqueryversion}}.min.js"></script>
5252
<!-- Kendo UI for jQuery -->
53-
<script src="https://localhost:5000/js/webReportDesigner.kendo-19.2.25.813.min.js"></script>
53+
<script src="https://localhost:5000/js/webReportDesigner.kendo-{{site.buildversion}}.min.js"></script>
5454
<!-- Telerik Reporting resources -->
5555
<script src="https://localhost:5000/api/reports/resources/js/telerikReportViewer"></script>
5656
<script src="https://localhost:5000/api/reportdesigner/designerresources/js/webReportDesigner"></script>
5757
</head>
5858
````
5959

60-
> The `webReportDesigner.kendo-19.2.25.813.min.js` file is not served automatically by the Report Designer REST service. You need to copy this file from your Telerik Reporting installation directory (`C:\Program Files (x86)\Progress\Telerik Reporting 2025 Q3\Html5\ReportDesigner\js\`) to your ASP.NET Core application's `wwwroot/js/` folder and reference it as shown above. This approach uses the Kendo UI subset included with your Telerik Reporting license instead of requiring a separate Kendo UI license.
60+
61+
> The `webReportDesigner.kendo-{{site.buildversion}}.min.js` file is not served automatically by the Report Designer REST service. You need to copy this file from your Telerik Reporting installation directory (`C:\Program Files (x86)\Progress\Telerik Reporting {{site.suiteversion}}\Html5\ReportDesigner\js\`) to your ASP.NET Core application's `wwwroot/js/` folder and reference it as shown above. This approach uses the Kendo UI subset included with your Telerik Reporting license instead of requiring a separate Kendo UI license.
6162

6263
1. Generate a new Angular component for the report designer:
6364

6465
````bash
65-
ng generate component report-designer
66+
$ ng generate component report-designer
6667
````
6768

69+
6870
1. In your `report-designer.component.html`, add a container element for the designer:
6971

7072
````HTML
7173
<div id="webReportDesigner"></div>
7274
````
7375

76+
7477
1. In your `report-designer.component.js(ts)`, declare jQuery and initialize the designer:
7578

7679
````JavaScript
@@ -114,6 +117,7 @@ Follow these steps to integrate the Telerik Web Report Designer in your Angular
114117
}
115118
````
116119

120+
117121
## Additional Resources
118122

119123
[Download the demo application from the Reporting-Samples GitHub Repository](https://github.com/telerik/reporting-samples/tree/master/telerik-angular-viewer-and-designer).

0 commit comments

Comments
 (0)