Update providing-custom-templates.md

todorarabadzhiev · web-flow · commit e8c143dd17f0 · 2025-05-13T16:44:26.000+03:00
diff --git a/embedding-reports/display-reports-in-applications/web-application/html5-report-viewer/customizing/styling-and-appearance/providing-custom-templates.md b/embedding-reports/display-reports-in-applications/web-application/html5-report-viewer/customizing/styling-and-appearance/providing-custom-templates.md
@@ -17,45 +17,15 @@ The article elaborates on how to use a customized HTML template for the HTML5 Re
 
 If you have a custom HTML template, you should provide it to the `telerik_ReportViewer` plugin’s options:
 
-````JavaScript
-$("#reportViewer1").telerik_ReportViewer({
-	serviceUrl: "../api/reports/",
-	templateUrl: '/ReportViewer/templates/telerikReportViewerTemplate.html',
-	reportSource: { report: "product catalog.trdp" }
-});
-````
+{{source=CodeSnippets\BlazorAppSnippets\wwwroot\customize\AddTemplate.html}}
 
 The HTML template file is an HTML page, while the templates are HTML document fragments inside HTML5 __template__ elements:
 
-````HTML
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml">
-	<head>
-		<title>Telerik HTML5 Report Viewer Templates</title>
-	</head>
-	<body>
-		<template id="trv-report-viewer">
-			<div class="trv-report-viewer" >
-			...
-			</div>
-		</template>
-	</body>
-</html>
-````
+{{source=CodeSnippets\BlazorAppSnippets\wwwroot\customize\HtmlTemplate.html}}
 
 The templates are loaded during the initialization of the __telerik_ReportViewer__ widget. Since this is an asynchronous network operation(the template HTML is loaded with an HTTP GET request) that takes an unpredictable amount of time, the widget is not operational until it is successful; to find when the viewer is completely loaded, provide a callback function to the __telerik_ReportViewer__ widget:
 
-````JavaScript
-$("#reportViewer1").telerik_ReportViewer({
-	serviceUrl: "../api/reports/",
-	templateUrl: '/ReportViewer/templates/telerikReportViewerTemplate',
-	reportSource: { report: "product catalog.trdp" },
-	ready: function() {
-		// report viewer is now ready for action
-	}
-});
-````
-
+{{source=CodeSnippets\BlazorAppSnippets\wwwroot\customize\AddTemplateAndReadyEvent.html}}
 
 ## See Also
 
