Merge pull request #138 from Jawin-SF4519/ES963343-PrintHTMLStyle

963343: Updated PrintHtml sample

Author: Keerthivasan-Ramamoorthy

KB-Samples/PrintingHTML/wwwroot/scripts.js

@@ -1,9 +1,15 @@
 window.print = function print(id) {
-    var printContent = document.getElementById(id);
+    var printContent = document.getElementById(id).innerHTML;
     var WinPrint = window.open('', '', 'width=900,height=690');
-    WinPrint.document.write(printContent.innerHTML);
+    // Apply required styles (e.g., Syncfusion theme or custom CSS)
+    WinPrint.document.write('<link rel="stylesheet" type="text/css" href="_content/Syncfusion.Blazor.Themes/bootstrap5.css">');
+    WinPrint.document.write(printContent);
     WinPrint.document.close();
-    WinPrint.focus();
-    WinPrint.print();
-    WinPrint.close();
-}
+    WinPrint.onload = function () {
+        setTimeout(function () {
+            WinPrint.focus();
+            WinPrint.print();
+            WinPrint.close();
+        }, 100);
+    }
+};