Sync with Kendo UI Professional

kendo-bot · kendo-bot · commit 3233bd39a705 · 2025-05-28T04:20:34.000Z
diff --git a/VERSION b/VERSION
@@ -1 +1 @@
-{ "year": 2025, "release": 2, "smallRelease": false }
+{ "year": 2025, "release": 2, "smallRelease": true }
diff --git a/docs-aspnet/installation/system-requirements/jquery-support.md b/docs-aspnet/installation/system-requirements/jquery-support.md
@@ -27,6 +27,7 @@ The following table provides a list of the jQuery versions that are compatible w
 {% if site.core %}
 | Major Releases												                                         | Compatible jQuery Versions    |
 | :---															                                             | :---			         |
+| [UI for ASP.NET Core 2025.2.520 (2025 Q2)](https://www.telerik.com/support/whats-new/aspnet-core-ui/release-history/telerik-ui-for-asp-net-core-2025-2-520-(2025-q2))|3.7.x, 2.2.x, 1.12.4, 1.10.x|
 | [UI for ASP.NET Core 2025.1.211 (2025 Q1)](https://www.telerik.com/support/whats-new/aspnet-core-ui/release-history/telerik-ui-for-asp-net-core-2025-1-211-(2025-q1))|3.7.x, 2.2.x, 1.12.4, 1.10.x|
 | [UI for ASP.NET Core 2024.4.1112 (2024 Q4)](https://www.telerik.com/support/whats-new/aspnet-core-ui/release-history/telerik-ui-for-asp-net-core-2024-4-1112-(2024-q4))|3.7.x, 2.2.x, 1.12.4, 1.10.x|
 | [UI for ASP.NET Core 2024.3.806 (2024 Q3)](https://www.telerik.com/support/whats-new/aspnet-core-ui/release-history/telerik-ui-for-asp-net-core-2024-3-806-(2024-q3))|3.7.0, 2.2.x, 1.12.4, 1.10.x|
@@ -59,6 +60,7 @@ The following table provides a list of the jQuery versions that are compatible w
 {% else %}
 | Major Releases												                                         | Compatible jQuery Versions    |
 | :---															                                             | :---			         |
+| [UI for ASP.NET MVC 2025.2.520 (2025 Q2)](https://www.telerik.com/support/whats-new/aspnet-mvc/release-history/telerik-ui-for-asp-net-mvc-2025-2-520-(2025-q2))|3.7.0, 2.2.x, 1.12.4, 1.10.x|
 | [UI for ASP.NET MVC 2025.1.211 (2025 Q1)](https://www.telerik.com/support/whats-new/aspnet-mvc/release-history/telerik-ui-for-asp-net-mvc-2025-1-211-(2025-q1))|3.7.0, 2.2.x, 1.12.4, 1.10.x|
 | [UI for ASP.NET MVC 2024.4.1112 (2024 Q4)](https://www.telerik.com/support/whats-new/aspnet-mvc/release-history/telerik-ui-for-asp-net-mvc-2024-4-1112-(2024-q4))|3.7.0, 2.2.x, 1.12.4, 1.10.x|
 | [UI for ASP.NET MVC 2024.3.806 (2024 Q3)](https://www.telerik.com/support/whats-new/aspnet-mvc/release-history/telerik-ui-for-asp-net-mvc-2024-3-806-(2024-q3))|3.7.0, 2.2.x, 1.12.4, 1.10.x|
diff --git a/docs/api/javascript/ui/tabstrip.md b/docs/api/javascript/ui/tabstrip.md
@@ -629,6 +629,7 @@ Defines custom attributes to be applied to the action button element.
 
 #### Example
 
+```html
     <div id="tabstrip"></div>
     <script>
         $("#tabstrip").kendoTabStrip({
@@ -651,6 +652,7 @@ Defines custom attributes to be applied to the action button element.
             ]
         });
     </script>
+```
 
 ### dataSource.actions.action `Function`
 
diff --git a/docs/controls/autocomplete/adaptive-mode.md b/docs/controls/autocomplete/adaptive-mode.md
@@ -10,30 +10,11 @@ position: 11
 
 The Kendo UI for jQuery AutoComplete provides adaptive mode&mdash;built-in mobile-friendly rendering of its popup that accommodates the component content based on the current screen size.
 
-> Starting with the 2025 Q2 release, when the `adaptiveMode` property is enabled and the component is accessed on a mobile device, the popup will open as soon as the component receives focus. In previous versions, the popup only opened once the user began typing.
+> Starting with the 2025 Q2 release, when the `adaptiveMode` property is enabled and the component is accessed on a mobile device, the popup will open as soon as the component receives focus. In previous versions, the popup only opened once the user began typing. d
 
-To set the adaptive mode, use the `adaptiveMode` option. In the example below, you can resize the browser to see how the component will adapt to different resolutions.
+To set the adaptive mode, use the `adaptiveMode` option.
 
-```dojo
-    <div style="justify-content:center; display:flex">
-      <div style="width:600px; ">
-        <input id="products" style="width: 100%;" />
-      </div>
-    </div>
-    <script>
-      $(document).ready(function() {
-        $("#products").kendoAutoComplete({
-          adaptiveMode: "auto", 
-          dataTextField: "text",
-          dataSource: [
-            {text: "Apples"},
-            {text: "Oranges"},
-            {text: "Bananas"}
-          ],                
-        });
-      });
-    </script>
-```
+<demo metaUrl="autocomplete/adaptive-mode/" height="600"></demo>
 
 # On-Screen Keyboard
 
diff --git a/docs/controls/colorpicker/adaptive-mode.md b/docs/controls/colorpicker/adaptive-mode.md
@@ -12,22 +12,9 @@ The Kendo UI for jQuery ColorPicker supports an adaptive mode that allows the co
 
 > Starting with the 2025 Q2 release, when the `adaptiveMode` property is enabled and the component is accessed on a mobile device, the popup will open as soon as the component receives focus. In previous versions, the popup only opened once the user began typing.
 
-To set the adaptive mode, use the `adaptiveMode` option. In the example below, you can resize the browser to see how the component will adapt to different resolutions.
+To set the adaptive mode, use the `adaptiveMode` option.
 
-```dojo
-    <div style="justify-content:center; display:flex">
-      <div style="width:600px; ">
-        <input id="colorpicker" />
-      </div>
-    </div>
-    <script>
-      $(document).ready(function() {
-        $("#colorpicker").kendoColorPicker({
-          adaptiveMode: "auto"    
-        });
-      });
-    </script>
-```
+<demo metaUrl="colorpicker/adaptive-mode/" height="600"></demo>
 
 ## See Also
 
diff --git a/docs/controls/combobox/adaptive-mode.md b/docs/controls/combobox/adaptive-mode.md
@@ -12,28 +12,9 @@ The Kendo UI for jQuery ComboBox provides adaptive mode&mdash;built-in mobile-fr
 
 > Starting with the 2025 Q2 release, when the `adaptiveMode` property is enabled and the component is accessed on a mobile device, the popup will open as soon as the component receives focus. In previous versions, the popup only opened once the user began typing.
 
-To set the adaptive mode, use the `adaptiveMode` option. In the example below, you can resize the browser to see how the component will adapt to different resolutions.
+To set the adaptive mode, use the `adaptiveMode` option.
 
-```dojo
-    <div style="justify-content:center; display:flex">
-      <div style="width:600px; ">
-        <input id="products" style="width: 100%;" />
-      </div>
-    </div>
-    <script>
-      $(document).ready(function() {
-        $("#products").kendoComboBox({
-          adaptiveMode: "auto", 
-          dataTextField: "text",
-          dataSource: [
-            {text: "Apples"},
-            {text: "Oranges"},
-            {text: "Bananas"}
-          ]            
-        });
-      });
-    </script>
-```
+<demo metaUrl="combobox/adaptive-mode/" height="600"></demo>
 
 # On-Screen Keyboard
 
diff --git a/docs/controls/datepicker/adaptive-mode.md b/docs/controls/datepicker/adaptive-mode.md
@@ -12,22 +12,9 @@ The Kendo UI for jQuery DatePicker provides adaptive mode&mdash;built-in mobile-
 
 > Starting with the 2025 Q2 release, when the `adaptiveMode` property is enabled and the component is accessed on a mobile device, the popup will open as soon as the component receives focus. In previous versions, the popup only opened once the user began typing.
 
-To set the adaptive mode, use the `adaptiveMode` option. In the example below, you can resize the browser to see how the component will adapt to different resolutions.
+To set the adaptive mode, use the `adaptiveMode` option.
 
-```dojo
-    <div style="justify-content:center">
-      <div style="width:600px; ">
-        <input id="datepicker" style="width: 100%;" />
-      </div>
-    </div>
-    <script>
-      $(document).ready(function() {
-        $("#datepicker").kendoDatePicker({
-          adaptiveMode: "auto"            
-        });
-      });
-    </script>
-```
+<demo metaUrl="datepicker/adaptive-mode/" height="600"></demo>
 
 # On-Screen Keyboard
 
diff --git a/docs/controls/daterangepicker/adaptive-mode.md b/docs/controls/daterangepicker/adaptive-mode.md
@@ -12,22 +12,9 @@ The Kendo UI for jQuery DateRangePicker provides adaptive mode&mdash;built-in mo
 
 > Starting with the 2025 Q2 release, when the `adaptiveMode` property is enabled and the component is accessed on a mobile device, the popup will open as soon as the component receives focus. In previous versions, the popup only opened once the user began typing.
 
-To set the adaptive mode, use the `adaptiveMode` option. In the example below, you can resize the browser to see how the component will adapt to different resolutions.
+To set the adaptive mode, use the `adaptiveMode` option.
 
-```dojo
-    <div style="justify-content:center">
-      <div style="width:600px; ">
-        <div id="daterangepicker" style="width: 100%;"></div>
-      </div>
-    </div>
-    <script>
-      $(document).ready(function() {
-        $("#products").kendoDateRangePicker({
-          adaptiveMode: "auto"
-        });
-      });
-    </script>
-```
+<demo metaUrl="daterangepicker/adaptive-mode/" height="600"></demo>
 
 # On-Screen Keyboard
 
diff --git a/docs/controls/datetimepicker/adaptive-mode.md b/docs/controls/datetimepicker/adaptive-mode.md
@@ -12,22 +12,9 @@ The Kendo UI for jQuery DateTimePicker provides adaptive mode&mdash;built-in mob
 
 > Starting with the 2025 Q2 release, when the `adaptiveMode` property is enabled and the component is accessed on a mobile device, the popup will open as soon as the component receives focus. In previous versions, the popup only opened once the user began typing.
 
-To set the adaptive mode, use the `adaptiveMode` option. In the example below, you can resize the browser to see how the component will adapt to different resolutions.
+To set the adaptive mode, use the `adaptiveMode` option.
 
-```dojo
-    <div style="justify-content:center">
-      <div style="width:600px; ">
-        <input id="datetimepicker" style="width: 100%;"/>
-      </div>
-    </div>
-    <script>
-      $(document).ready(function() {
-        $("#datetimepicker").kendoDateTimePicker({
-          adaptiveMode: "auto"
-        });
-      });
-    </script>
-```
+<demo metaUrl="datetimepicker/adaptive-mode/" height="600"></demo>
 
 # On-Screen Keyboard
 
diff --git a/docs/controls/dropdownlist/adaptive-mode.md b/docs/controls/dropdownlist/adaptive-mode.md
@@ -12,28 +12,9 @@ The Kendo UI for jQuery DropDownList provides adaptive mode&mdash;built-in mobil
 
 > Starting with the 2025 Q2 release, when the `adaptiveMode` property is enabled and the component is accessed on a mobile device, the popup will open as soon as the component receives focus. In previous versions, the popup only opened once the user clicks on the component.
 
-To set the adaptive mode, use the `adaptiveMode` option. In the example below, you can resize the browser to see how the component will adapt to different resolutions.
+To set the adaptive mode, use the `adaptiveMode` option.
 
-```dojo
-    <div style="justify-content:center; display:flex">
-      <div style="width:600px; ">
-        <input id="products" style="width: 100%;" />
-      </div>
-    </div>
-    <script>
-      $(document).ready(function() {
-        $("#products").kendoDropDownList({
-          adaptiveMode: "auto", 
-          dataTextField: "text",
-          dataSource: [
-            {text: "Apples"},
-            {text: "Oranges"},
-            {text: "Bananas"}
-          ]            
-        });
-      });
-    </script>
-```
+<demo metaUrl="dropdownlist/adaptive-mode/" height="600"></demo>
 
 ## See Also
 
diff --git a/docs/controls/dropdowntree/adaptive-mode.md b/docs/controls/dropdowntree/adaptive-mode.md
@@ -12,40 +12,9 @@ The Kendo UI for jQuery DropDownTree provides adaptive mode&mdash;built-in mobil
 
 > Starting with the 2025 Q2 release, when the `adaptiveMode` property is enabled and the component is accessed on a mobile device, the popup will open as soon as the component receives focus. In previous versions, the popup only opened once the user clicks on the component.
 
-To set the adaptive mode, use the `adaptiveMode` option. In the example below, you can resize the browser to see how the component will adapt to different resolutions.
+To set the adaptive mode, use the `adaptiveMode` option.
 
-```dojo
-    <div style="justify-content:center; display:flex">
-      <div style="width:600px; ">
-        <input id="dropdowntree" style="width: 100%;" />
-      </div>
-    </div>
-    <script>
-      $(document).ready(function() {
-        $("#dropdowntree").kendoDropDownTree({
-          adaptiveMode: "auto", 
-          placeholder: "Select ...",
-          filter: "startswith",
-          dataSource: [
-              {
-                  text: "Furniture", expanded: true, items: [
-                      { text: "Tables & Chairs" },
-                      { text: "Sofas" },
-                      { text: "Occasional Furniture" }
-                  ]
-              },
-              {
-                  text: "Decor", items: [
-                      { text: "Bed Linen" },
-                      { text: "Curtains & Blinds" },
-                      { text: "Carpets" }
-                  ]
-              }
-          ]         
-        });
-      });
-    </script>
-```
+<demo metaUrl="dropdowntree/adaptive-mode/" height="600"></demo>
 
 ## See Also
 
diff --git a/docs/controls/grid/appearance/adaptive-tools.md b/docs/controls/grid/appearance/adaptive-tools.md
@@ -10,7 +10,9 @@ position: 6
 
 Starting with the Q2 2025 release, the Grid component supports rendering selected toolbar tools in adaptive mode. This feature improves usability on smaller screens by displaying certain UI elements—such as sorting, filtering, grouping, and editing—in a mobile-friendly ActionSheet.
 
-To enable this behavior, configure the Grid with the [`adaptiveMode`](/api/javascript/ui/grid/configuration/adaptivemode) configuration option.  
+To enable this behavior, configure the Grid with the [`adaptiveMode`](/api/javascript/ui/grid/configuration/adaptivemode) configuration option.
+
+<demo metaUrl="grid/adaptive-tools/" height="600"></demo>
 
 When the `adaptiveMode` is enabled and the Grid is rendered on small or medium screens, the Grid will display popups for sorting, filtering, and grouping in an ActionSheet. To ensure these tools function as expected, the corresponding configuration options (e.g., `sortable`, `filterable`, `groupable`) must be enabled on the Grid instance. If the Grid has editable mode `pop` set, an ActionSheet will also be displayed for editing or creating records. 
 
diff --git a/docs/controls/multicolumncombobox/adaptive-mode.md b/docs/controls/multicolumncombobox/adaptive-mode.md
@@ -12,28 +12,9 @@ The Kendo UI for jQuery MultiColumnComboBox provides adaptive mode&mdash;built-i
 
 > Starting with the 2025 Q2 release, when the `adaptiveMode` property is enabled and the component is accessed on a mobile device, the popup will open as soon as the component receives focus. In previous versions, the popup only opened once the user began typing.
 
-To set the adaptive mode, use the `adaptiveMode` option. In the example below, you can resize the browser to see how the component will adapt to different resolutions.
+To set the adaptive mode, use the `adaptiveMode` option.
 
-```dojo
-    <div style="justify-content:center; display:flex">
-      <div style="width:600px; ">
-        <input id="products" style="width: 100%;"/>
-      </div>
-    </div>
-    <script>
-      $(document).ready(function() {
-        $("#products").kendoMultiColumnComboBox({
-          adaptiveMode: "auto", 
-          dataTextField: "text",
-          dataSource: [
-            {text: "Apples"},
-            {text: "Oranges"},
-            {text: "Bananas"}
-          ],       
-        });
-      });
-    </script>
-```
+<demo metaUrl="multicolumncombobox/adaptive-mode/" height="600"></demo>
 
 # On-Screen Keyboard
 
diff --git a/docs/controls/multiselect/adaptive-mode.md b/docs/controls/multiselect/adaptive-mode.md
@@ -12,28 +12,9 @@ The Kendo UI for jQuery MultiSelect provides adaptive mode&mdash;built-in mobile
 
 > Starting with the 2025 Q2 release, when the `adaptiveMode` property is enabled and the component is accessed on a mobile device, the popup will open as soon as the component receives focus. In previous versions, the popup only opened once the user began typing.
 
-To set the adaptive mode, use the `adaptiveMode` option. In the example below, you can resize the browser to see how the component will adapt to different resolutions.
+To set the adaptive mode, use the `adaptiveMode` option.
 
-```dojo
-    <div style="justify-content:center; display:flex">
-      <div style="width:600px; ">
-        <select id="products"></select>
-      </div>
-    </div>
-    <script>
-      $(document).ready(function() {
-        $("#products").kendoMultiSelect({
-          adaptiveMode: "auto",
-          dataTextField: "text",
-          dataSource: [
-            {text: "Apples"},
-            {text: "Oranges"},
-            {text: "Bananas"}
-          ]    
-        });
-      });
-    </script>
-```
+<demo metaUrl="multiselect/adaptive-mode/" height="600"></demo>
 
 # On-Screen Keyboard
 
diff --git a/docs/controls/pager/adaptive-mode.md b/docs/controls/pager/adaptive-mode.md
@@ -13,35 +13,7 @@ The adaptive mode is an enhancement to the default [`responsive behavior`]({% sl
 
 To enable the adaptive mode, set the `adaptiveMode` option to `true`:
 
-```dojo
-<div id="pager"></div>
-
-<script>
-    var dataSource = new kendo.data.DataSource({
-        data: [
-            { id: 1, name: "Item 1" },
-            { id: 2, name: "Item 2" },
-            { id: 3, name: "Item 3" },
-            { id: 4, name: "Item 4" },
-            { id: 5, name: "Item 5" },
-            { id: 6, name: "Item 6" },
-            { id: 7, name: "Item 7" },
-            { id: 8, name: "Item 8" },
-            { id: 9, name: "Item 9" },
-            { id: 10, name: "Item 10" }
-        ],
-        pageSize: 2
-    });
-
-    $("#pager").kendoPager({
-        dataSource: dataSource,
-        adaptiveMode: true,
-        pageSizes: [2, 5, 10, "all"]
-    });
-
-    dataSource.read();
-</script>
-```
+<demo metaUrl="pager/adaptive-mode/" height="600"></demo>
 
 For details on related breaking changes introduced in this release, refer to the [Breaking Changes in 2025 Releases article](({% slug breakingchanges2025_kendoui %})).
 
diff --git a/docs/controls/timedurationpicker/adaptive-mode.md b/docs/controls/timedurationpicker/adaptive-mode.md
diff --git a/docs/controls/timepicker/adaptive-mode.md b/docs/controls/timepicker/adaptive-mode.md
diff --git a/docs/docs-builder.yml b/docs/docs-builder.yml
diff --git a/docs/intro/supporting/jquery-support.md b/docs/intro/supporting/jquery-support.md

Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		`-{ "year": 2025, "release": 2, "smallRelease": false }`
	`1`	`+{ "year": 2025, "release": 2, "smallRelease": true }`