Sync with Kendo UI Professional

Author: kendo-bot

docs/ai-assistant/prompt-library.md

@@ -45,6 +45,8 @@ If you want to run these prompts only through a generic AI chat (e.g., GitHub Co
 
 This section provides examples of general questions related to Kendo UI for jQuery.
 
+<div style="display: grid; gap: 10px; grid-template-columns: 1fr 1fr;">
+
 ```prompt Setup New Project
 #kendo-jquery-assistant Create a simple HTML page that utilizes Kendo UI for jQuery and add a Grid with sample local data.
 ```
@@ -57,14 +59,17 @@ This section provides examples of general questions related to Kendo UI for jQue
 ```js
 ```
 
+</div>
+
 ## Component-Specific Prompts
 
 Below are grouped prompt ideas for popular and feature‑rich Kendo UI for jQuery components.
 
----
 ### Grid
 The [Kendo UI for jQuery Grid]({% slug overview_kendoui_grid_widget %}) renders tabular data with rich interactivity (sorting, filtering, grouping, editing, export, virtualization, and more).
 
+<div style="display: grid; gap: 10px; grid-template-columns: 1fr 1fr;">
+
 ```prompt Basic Grid
 #kendo-jquery-assistant Create a Kendo UI for jQuery Grid that displays employees with fields: id, name, position, salary. Enable sorting and paging. Use inline dummy data (array of objects). Page size 10.
 ```
@@ -101,9 +106,13 @@ The [Kendo UI for jQuery Grid]({% slug overview_kendoui_grid_widget %}) renders
 ```js
 ```
 
+</div>
+
 ### TreeList
 The [Kendo UI for jQuery TreeList]({% slug overview_kendoui_treelist_widget %}) enables you to display self-referencing tabular data and allows you to sort, filter, and edit data.
 
+<div style="display: grid; gap: 10px; grid-template-columns: 1fr 1fr;">
+
 ```prompt Basic TreeList
 #kendo-jquery-assistant Create a Kendo UI for jQuery TreeList showing hierarchical employees (Id, Name, Title, ReportsTo). Enable sorting and expand all nodes on load.
 ```
@@ -116,9 +125,13 @@ The [Kendo UI for jQuery TreeList]({% slug overview_kendoui_treelist_widget %})
 ```js
 ```
 
+</div>
+
 ### Chart
 The [Kendo UI for jQuery Charts]({% slug overview_kendoui_charts_widget %}) provide a comprehensive charting solution for data visualization with multiple chart types and customization options.
 
+<div style="display: grid; gap: 10px; grid-template-columns: 1fr 1fr;">
+
 ```prompt Multiple Charts
 #kendo_jquery_assistant Create three different charts to give different visual demonstration of the 8 most air polluted cities in the world.
 ```
@@ -143,9 +156,13 @@ The [Kendo UI for jQuery Charts]({% slug overview_kendoui_charts_widget %}) prov
 ```js
 ```
 
+</div>
+
 ### Scheduler
 The [Kendo UI for jQuery Scheduler]({% slug overview_kendoui_scheduler_widget %}) enables you to create calendar and scheduling applications with multiple view types and rich editing capabilities.
 
+<div style="display: grid; gap: 10px; grid-template-columns: 1fr 1fr;">
+
 ```prompt Basic Scheduler
 #kendo_jquery_assistant Create a page that contains a basic Scheduler component with 3 views - day, month and week.
 ```
@@ -164,10 +181,14 @@ The [Kendo UI for jQuery Scheduler]({% slug overview_kendoui_scheduler_widget %}
 ```js
 ```
 
+</div>
+
 ### Editor
 
 The [Kendo UI for jQuery Editor]({% slug overview_kendoui_editor_widget %}) provides a rich text editing experience with support for various content types, including text, images, and tables. It includes features like formatting, styling, and content manipulation.
 
+<div style="display: grid; gap: 10px; grid-template-columns: 1fr 1fr;">
+
 ```prompt Basic Editor
 #kendo_jquery_assistant Add an Editor to the page. Add only 5 tools in the Editor.
 ```
@@ -180,10 +201,12 @@ The [Kendo UI for jQuery Editor]({% slug overview_kendoui_editor_widget %}) prov
 ```js
 ```
 
+</div>
 
 ### ComboBox
 The [Kendo UI for jQuery ComboBox]({% slug overview_kendoui_combobox_widget %}) allows you to display a single selection from a list of choices, and provides virtualization and customization through templates.
 
+<div style="display: grid; gap: 10px; grid-template-columns: 1fr 1fr;">
 
 ```prompt Basic ComboBox
 #kendo-jquery-assistant Create a ComboBox bound to an inline array of products with fields id and name. Placeholder "Select product". Filter contains.
@@ -197,9 +220,13 @@ The [Kendo UI for jQuery ComboBox]({% slug overview_kendoui_combobox_widget %})
 ```js
 ```
 
+</div>
+
 ### DropDownList
 The [Kendo UI for jQuery DropDownList]({% slug overview_kendoui_dropdownlist_widget %}) allows you to display a single selection from a list of choices, and provides virtualization and customization through templates.
 
+<div style="display: grid; gap: 10px; grid-template-columns: 1fr 1fr;">
+
 ```prompt Basic ComboBox
 #kendo-jquery-assistant Create a DropDownList with category data and include a default "Select category..." option.
 ```
@@ -212,9 +239,12 @@ The [Kendo UI for jQuery DropDownList]({% slug overview_kendoui_dropdownlist_wid
 ```js
 ```
 
+</div>
+
 ### MultiSelect
 The [Kendo UI for jQuery MultiSelect]({% slug overview_kendoui_multiselect_widget %}) allows you to display a multiple selection from a list of choices. It provides virtualization and customization through templates.
 
+<div style="display: grid; gap: 10px; grid-template-columns: 1fr 1fr;">
 
 ```prompt Basic MultiSelect
 #kendo-jquery-assistant Create a MultiSelect with an array of product objects.
@@ -228,9 +258,12 @@ The [Kendo UI for jQuery MultiSelect]({% slug overview_kendoui_multiselect_widge
 ```js
 ```
 
+</div>
+
 ### DatePicker
 The [Kendo UI for jQuery DatePicker]({% slug overview_kendoui_datepicker_widget %}) enables you to select a date from a calendar or through a direct input.
 
+<div style="display: grid; gap: 10px; grid-template-columns: 1fr 1fr;">
 
 ```prompt DatePicker with Default Value
 #kendo-jquery-assistant Render a DatePicker with a default selected date.
@@ -258,9 +291,12 @@ The [Kendo UI for jQuery DatePicker]({% slug overview_kendoui_datepicker_widget
 ```js
 ```
 
+</div>
+
 ### Form
 The [Kendo UI for jQuery Form]({% slug overview_kendoui_form_widget %}) provides a variety of built-in options and features to generate and manage forms in your application.
 
+<div style="display: grid; gap: 10px; grid-template-columns: 1fr 1fr;">
 
 ```prompt Validation
 #kendo-jquery-assistant Create a Form with required validation on FirstName and Email. Enable ValidationSummary.
@@ -274,6 +310,14 @@ The [Kendo UI for jQuery Form]({% slug overview_kendoui_form_widget %}) provides
 ```js
 ```
 
+</div>
+
 ## See Also
 * [Intended Use & Recommendations]({% slug ai_coding_assistant_overview %})
-* [MCP Server Usage]({% slug kendo_jquery_mcp_server %})
+* [MCP Server Usage]({% slug kendo_jquery_mcp_server %})
+
+<style>
+.d-print-none button:nth-child(2) {
+  display: none !important; /* Hides the 'js' button */
+}
+</style>

docs/api/javascript/ui/sortable.md

@@ -431,6 +431,29 @@ Control dragging behavior by specifying CSS selectors to exclude certain child e
         });
     </script>
 
+### navigatable `Boolean`*(default: false)*
+
+If set to true, the user can navigate the widget with the keyboard. By default, keyboard navigation is disabled.
+
+
+<div class="meta-api-description">
+Enable, activate, or allow keyboard navigation, keyboard controls, or arrow key movement for sortable lists, sortable components, or draggable items, letting users interact, reorder, move, or traverse items using the keyboard instead of a mouse, support accessibility, tabbing, focus management, and keyboard shortcuts, configure keyboard support for sorting, and control whether users can use keys to navigate or rearrange sortable elements.
+</div>
+
+#### Example - Sortable with navigatable enabled
+
+    <ul id="sortable">
+        <li>ItemA1</li>
+        <li>ItemA2</li>
+        <li>ItemA3</li>
+    </ul>
+
+    <script>
+        $("#sortable").kendoSortable({
+            navigatable: true,
+        });
+    </script>
+
 ### placeholder `Function | String | jQuery`
 
 Provides a way for customization of the sortable item placeholder. If a function is supplied, it receives one argument - the draggable element's jQuery object.

docs/controls/menu/items.md

@@ -20,7 +20,8 @@ You can configure the Menu items by specifying an array of objects, where each o
 | `imageUrl`   | String    | The URL of an image to display as an icon.                                  |
 | `items`      | Array     | An array of child items (submenus).                                         |
 | `enabled`    | Boolean   | If set to `false`, the item will be disabled.                               |
-| `cssClass`   | String    | A custom CSS class to apply to the item.                                    | 
+| `cssClass`   | String    | A custom CSS class to apply to the item.                                    |
+| `attr`       | Object    | Add attributes with specified values.                                        |
 
 ## Setting the Text
 

docs/controls/window/custom-actions.md

@@ -10,7 +10,7 @@ position: 5
 
 If you supply a non-recognized action name, that name is treated as a custom action.
 
-The Window then renders `k-icon` and `k-i-actionname` CSS classes for the action but does not automatically attach a `click` event handler to it. While the Kendo UI stylesheets provide a `"custom"` icon for custom actions, you can use any of the icon names. To capture and handle the `click` events, follow the standard approach.
+The Window then renders `k-icon` and `k-svg-i-actionname` CSS classes for the action but does not automatically attach a `click` event handler to it. While the Kendo UI stylesheets provide a `"custom"` icon for custom actions, you can use any icon name from the [List of Icons](https://www.telerik.com/design-system/docs/foundation/iconography/icon-list/) to ensure the icon displays properly. To capture and handle the `click` events, follow the standard approach.
 
       $("#window").kendoWindow({
           actions: ["Custom", "Minimize", "Maximize", "Close"],

docs/docs-builder.yml

@@ -2094,5 +2094,8 @@ redirects:
 - from: ^/web/grid/appearance$
   to: /controls/grid/appearance/height
 
+- from: ^/controls/([^/]+)/?$
+  to: /controls/$1/overview
+
 - from: ^/controls/grid/appearance$
   to: /controls/grid/appearance/height