fix kendo modal example for reporting q2+

dnikolov-prg · dnikolov-prg · commit 710c6349634f · 2025-07-22T15:58:14.000+03:00
diff --git a/SwitchReportsInMvcKendoModal/SwitchReportsInKendoModal/SwitchReportsInKendoModal/wwwroot/index.html b/SwitchReportsInMvcKendoModal/SwitchReportsInKendoModal/SwitchReportsInKendoModal/wwwroot/index.html
@@ -5,11 +5,10 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
-    <script src="https://kendo.cdn.telerik.com/2022.3.913/js/kendo.all.min.js"></script>
+    <script src="https://kendo.cdn.telerik.com/2025.1.227/js/kendo.all.min.js"></script>
     <script src="https://demos.telerik.com/reporting/api/reports/resources/js/telerikReportViewer"></script>
 
-    <link href="https://kendo.cdn.telerik.com/2022.3.913/styles/kendo.common.min.css" rel="stylesheet" id="common-css" />
-    <link href="https://kendo.cdn.telerik.com/2022.3.913/styles/kendo.bootstrap.min.css" rel="stylesheet" id="skin-css" />
+    <link href="https://kendo.cdn.telerik.com/themes/10.2.0/default/default-ocean-blue.css" rel="stylesheet" />
 
     <style>
         body {
@@ -23,10 +22,6 @@
             height: 600px;
             font-family: Verdana, Arial;
         }
-
-        .k-window-action[aria-label="Custom"] {
-            width: auto !important;
-        }
     </style>
 </head>
 <body>
@@ -38,10 +33,8 @@
     </div>
     <script type="text/javascript">
 
-        const FirstReport = "Barcodes Report.trdx";
-        const SecondReport = "Dashboard.trdx";
-
-        var showFirst = true;
+        const firstReport = "Barcodes Report.trdx";
+        const secondReport = "Dashboard.trdx";
 
         $(document).ready(function () {
 
@@ -53,6 +46,9 @@
             // init empty report viewer
             $("#reportViewer1")
                 .telerik_ReportViewer({
+                    reportSource: {
+                        report: firstReport
+                    },
                     serviceUrl: "https://demos.telerik.com/reporting/api/reports/",
                 });
 
@@ -62,10 +58,10 @@
 
         function switchReport() {
             var viewer = $("#reportViewer1").data("telerik_ReportViewer");
+            var reportSource = viewer.reportSource();
 
-                showFirst = !showFirst;
                 viewer.reportSource({
-                    report: showFirst ? FirstReport : SecondReport,
+                    report: reportSource.report === secondReport ? firstReport : secondReport,
                     parameters: {}
                 });
         }
@@ -79,16 +75,15 @@
                 modal: true,
                 draggable: true,
                 visible: false,
-                width: "1200px",
-                open: switchReport
+                width: "1200px"
             };
 
             const kendoWindow = $("#winReports").kendoWindow(windowOptions).data("kendoWindow");
 
             kendoWindow.center(true).open();
 
             // custom action for report switching
-            var customAction = kendoWindow.wrapper.find(".k-window-actions [aria-label='Custom']");
+            var customAction = kendoWindow.wrapper.find(".k-window-titlebar-action[aria-label='Custom']");
 
             // edit custom button look
             customAction.find("span").removeClass().text("Switch Report");
