Sync with Kendo UI Professional

Author: kendo-bot

docs/api/javascript/data/orgchartmodel.md

@@ -26,8 +26,8 @@ Configure the field that holds profile images, photos, or avatar URLs within you
     <script>
     var dataSource = new kendo.data.OrgChartDataSource({
         data: [
-            { id: 1, name: "John Smith", title: "CEO", avatar: "https://demos.telerik.com/kendo-ui/content/web/orgchart/people/1.jpg", parentId: null },
-            { id: 2, name: "Jane Doe", title: "CTO", avatar: "https://demos.telerik.com/kendo-ui/content/web/orgchart/people/2.jpg", parentId: 1 }
+            { id: 1, name: "John Smith", title: "CEO", avatar: "https://demos.telerik.com/kendo-ui/content/web/treelist/people/1.jpg", parentId: null },
+            { id: 2, name: "Jane Doe", title: "CTO", avatar: "https://demos.telerik.com/kendo-ui/content/web/treelist/people/3.jpg", parentId: 1 }
         ],
         schema: {
             model: {
@@ -45,6 +45,7 @@ Configure the field that holds profile images, photos, or avatar URLs within you
     });
 
     $("#orgchart").kendoOrgChart({
+        height:800,
         dataSource: dataSource,
         template: (data) => `
             <div class='k-card-body'>

docs/api/javascript/ui/mediaplayer.md

@@ -167,6 +167,7 @@ Configure or customize media player language settings by supplying a collection
 
 #### Example
 
+```pseudo
     <div id="mediaplayer"></div>
     <script>
     $("#mediaplayer").kendoMediaPlayer({
@@ -181,6 +182,7 @@ Configure or customize media player language settings by supplying a collection
         media: { title: "Kendo UI for jQuery: Welcome and Overview", source: "https://www.youtube.com/watch?v=UbkbVBNYZMc" }
     });
     </script>
+```
 
 ### messages.pause `String`
 
@@ -193,6 +195,7 @@ Customize and translate the tooltip text shown on the pause button in media play
 
 #### Example
 
+```pseudo
     <div id="mediaplayer"></div>
     <script>
     $("#mediaplayer").kendoMediaPlayer({
@@ -202,6 +205,7 @@ Customize and translate the tooltip text shown on the pause button in media play
         media: { title: "Kendo UI for jQuery: Welcome and Overview", source: "https://www.youtube.com/watch?v=UbkbVBNYZMc" }
     });
     </script>
+```
 
 ### messages.play `String`
 
@@ -214,6 +218,7 @@ Customize or localize the Play button tooltip text in a media player interface,
 
 #### Example
 
+```pseudo
     <div id="mediaplayer"></div>
     <script>
     $("#mediaplayer").kendoMediaPlayer({
@@ -223,6 +228,7 @@ Customize or localize the Play button tooltip text in a media player interface,
         media: { title: "Kendo UI for jQuery: Welcome and Overview", source: "https://www.youtube.com/watch?v=UbkbVBNYZMc" }
     });
     </script>
+```
 
 ### messages.mute `String`
 
@@ -235,6 +241,7 @@ Set or customize the tooltip, hover text, or label that appears when users mouse
 
 #### Example
 
+```pseudo
     <div id="mediaplayer"></div>
     <script>
     $("#mediaplayer").kendoMediaPlayer({
@@ -244,6 +251,7 @@ Set or customize the tooltip, hover text, or label that appears when users mouse
         media: { title: "Kendo UI for jQuery: Welcome and Overview", source: "https://www.youtube.com/watch?v=UbkbVBNYZMc" }
     });
     </script>
+```
 
 ### messages.unmute `String`
 
@@ -256,6 +264,7 @@ Set, customize, or configure the tooltip, hover text, label, or accessible descr
 
 #### Example
 
+```pseudo
     <div id="mediaplayer"></div>
     <script>
     $("#mediaplayer").kendoMediaPlayer({
@@ -265,6 +274,7 @@ Set, customize, or configure the tooltip, hover text, label, or accessible descr
         media: { title: "Kendo UI for jQuery: Welcome and Overview", source: "https://www.youtube.com/watch?v=UbkbVBNYZMc" }
     });
     </script>
+```
 
 ### messages.quality `String`
 
@@ -277,6 +287,7 @@ Customize or set the tooltip text, label, or description for the media player's
 
 #### Example
 
+```pseudo
     <div id="mediaplayer"></div>
     <script>
     $("#mediaplayer").kendoMediaPlayer({
@@ -286,6 +297,7 @@ Customize or set the tooltip text, label, or description for the media player's
         media: { title: "Kendo UI for jQuery: Welcome and Overview", source: "https://www.youtube.com/watch?v=UbkbVBNYZMc" }
     });
     </script>
+```
 
 ### messages.fullscreen `String`
 
@@ -298,6 +310,7 @@ Set or customize the tooltip, hover text, or button label for the fullscreen con
 
 #### Example
 
+```pseudo
     <div id="mediaplayer"></div>
     <script>
     $("#mediaplayer").kendoMediaPlayer({
@@ -307,6 +320,7 @@ Set or customize the tooltip, hover text, or button label for the fullscreen con
         media: { title: "Kendo UI for jQuery: Welcome and Overview", source: "https://www.youtube.com/watch?v=UbkbVBNYZMc" }
     });
     </script>
+```
 
 ### mute `Boolean` *(default: false)*
 
@@ -319,13 +333,15 @@ Manage audio output settings to enable or disable sound during media playback, s
 
 #### Example - enable fullscreen
 
+```pseudo
     <div id="mediaplayer"></div>
     <script>
     $("#mediaplayer").kendoMediaPlayer({
         mute: true,
         media: { title: "Digital Transformation: A New Way of Thinking", source: "https://www.youtube.com/watch?v=gNlya720gbk" }
     });
     </script>
+```
 
 ### navigatable `Boolean` *(default: false)*
 

docs/api/javascript/ui/pivotgrid.md

@@ -515,7 +515,15 @@ Control automatic triggering of the print dialog or print preview immediately af
                     catalog: "Adventure Works DW 2008R2",
                     cube: "Adventure Works"
                 },
-                read: "https://demos.telerik.com/olap/msmdpump.dll"
+                read: {
+                    url: "https://demos.telerik.com/service/v2/olap/msmdpump.dll",
+                    dataType: "text",
+                    contentType: "text/xml",
+                    type: "POST"
+                }
+            },
+            schema: {
+                type: "xmla"
             }
         }
     });
@@ -552,7 +560,15 @@ Control the inclusion or exclusion of hyperlinks when exporting a pivot grid to
                     catalog: "Adventure Works DW 2008R2",
                     cube: "Adventure Works"
                 },
-                read: "https://demos.telerik.com/olap/msmdpump.dll"
+                read: {
+                    url: "https://demos.telerik.com/service/v2/olap/msmdpump.dll",
+                    dataType: "text",
+                    contentType: "text/xml",
+                    type: "POST"
+                }
+            },
+            schema: {
+                type: "xmla"
             }
         }
     });

docs/api/javascript/ui/splitbutton.md

@@ -376,8 +376,7 @@ Specifies the image of the item.
 Set or configure the visual icon, picture, or image source URL displayed next to or alongside a menu item within a split button control, enabling the inclusion of graphics, symbols, or thumbnails for individual menu entries to enhance UI clarity, support customization, and improve user recognition; supports setting image paths, URLs, or icon links for items in split buttons, allowing developers to add illustrative images, icons, or visual markers paired with menu text labels in dropdown or split menu components.
 </div>
 
-#### Example
-
+```pseudo
     <button id="splitButton">Command</button>
     <script>
         $("#splitButton").kendoSplitButton({
@@ -388,6 +387,7 @@ Set or configure the visual icon, picture, or image source URL displayed next to
             ]
         });
     </script>
+```
 
 ### items.spriteCssClass `String`
 

docs/api/javascript/ui/window.md

@@ -484,13 +484,15 @@ Control the option to create or prevent a dedicated embedded frame within the ma
 
 #### Example - loading the full page
 
+```pseudo
     <div id="dialog"></div>
     <script>
     $("#dialog").kendoWindow({
       content: "https://www.telerik.com/",
       iframe: true
     });
     </script>
+```
 
 ### height `Number | String`
 

docs/controls/PDFViewer/form-filling.md

@@ -18,13 +18,70 @@ Starting with Kendo UI for jQuery version Q2 2025, the PDFViewer introduces a co
 
 The Form Filling feature enhances the usability of PDF forms, making it easier for users to complete and submit forms without requiring external tools.
 
+## Form Styling
+
+Currently, the Kendo themes do not contain the necessary styles for the form elements rendered in the layers. This requires you to include the styles below:
+
+```css
+    <style>
+        .k-annotation-layer .k-text-widget-annotation .k-annotation-content {
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            pointer-events: none;
+        }
+        
+        .k-annotation-layer {
+            --annotation-unfocused-field-background: url(data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>);
+            --input-focus-border-color: black;
+            --input-focus-outline: 1px solid Canvas;
+            --input-unfocused-border-color: transparent;
+            --input-disabled-border-color: transparent;
+            --input-hover-border-color: black;
+            --link-outline: none;
+        }
+        
+        .k-annotation-layer .k-text-widget-annotation > input, .k-annotation-layer .k-text-widget-annotation > textarea, .k-annotation-layer .choiceWidgetAnnotation > select, .k-annotation-layer .k-button-widget-annotation:is(.k-checkbox-widget-annotation, .k-radio-button-widget-annotation) input {
+            height: 100%;
+            width: 100%;
+        }
+        
+        .k-annotation-content {
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            pointer-events: none;
+        }
+        
+        .k-annotation-layer {
+            :is(.k-link-annotation, .k-button-widget-annotation.k-push-button-widget-annotation) > a {
+                position: absolute;
+                font-size: 1em;
+                top: 0;
+                left: 0;
+                width: 100%;
+                height: 100%;
+            }
+        }
+        
+        .k-annotation-layer {
+            :is(.k-link-annotation, .k-button-widget-annotation.k-push-button-widget-annotation):not(.hasBorder) > a:hover {
+                opacity: 0.2;
+                background-color: rgb(255 255 0);
+                box-shadow: 0 2px 10px rgb(255 255 0);
+            }
+        }
+    
+    </style>
+```
+
 In the example below, you can see how to enable the Form Filling feature:
 
 ```dojo
     <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/4.6.82/pdf.mjs" type="module"></script> <!-- Include pdf.js before the kendo scripts -->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/4.6.82/pdf.worker.mjs" type="module"></script> <!-- Include pdf.worker.js before the kendo scripts -->
     <script src="https://code.jquery.com/jquery-3.7.0.min.js" type="module"></script>
-    <script src="https://kendo.cdn.telerik.com/2025.1.211/js/kendo.all.min.js" type="module"></script>
+    <script src="https://kendo.cdn.telerik.com/2025.2.520/js/kendo.all.min.js" type="module"></script>
 
     <div id="pdfviewer"></div>
     <script type="module">
@@ -37,63 +94,6 @@ In the example below, you can see how to enable the Form Filling feature:
     </script>
 ```
 
-## Form Styling
-
-Currently, the Kendo themes do not contain the necessary styles for the form elements rendered in the layers. This requires you to include the styles below:
-
-```css
-<style>
-    .k-annotation-layer .k-text-widget-annotation .k-annotation-content {
-        position: absolute;
-        width: 100%;
-        height: 100%;
-        pointer-events: none;
-    }
-    
-    .k-annotation-layer {
-        --annotation-unfocused-field-background: url(data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>);
-        --input-focus-border-color: black;
-        --input-focus-outline: 1px solid Canvas;
-        --input-unfocused-border-color: transparent;
-        --input-disabled-border-color: transparent;
-        --input-hover-border-color: black;
-        --link-outline: none;
-    }
-    
-    .k-annotation-layer .k-text-widget-annotation > input, .k-annotation-layer .k-text-widget-annotation > textarea, .k-annotation-layer .choiceWidgetAnnotation > select, .k-annotation-layer .k-button-widget-annotation:is(.k-checkbox-widget-annotation, .k-radio-button-widget-annotation) input {
-        height: 100%;
-        width: 100%;
-    }
-    
-    .k-annotation-content {
-        position: absolute;
-        width: 100%;
-        height: 100%;
-        pointer-events: none;
-    }
-    
-    .k-annotation-layer {
-        :is(.k-link-annotation, .k-button-widget-annotation.k-push-button-widget-annotation) > a {
-            position: absolute;
-            font-size: 1em;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100%;
-        }
-    }
-    
-    .k-annotation-layer {
-        :is(.k-link-annotation, .k-button-widget-annotation.k-push-button-widget-annotation):not(.hasBorder) > a:hover {
-            opacity: 0.2;
-            background-color: rgb(255 255 0);
-            box-shadow: 0 2px 10px rgb(255 255 0);
-        }
-    }
-    
-    </style>
-```
-
 ## See Also
 
 * [Form Filling in the PDFViewer (Demo)](https://demos.telerik.com/kendo-ui/pdfviewer/form-filling)