Sync with Kendo UI Professional

Author: kendo-bot

docs/controls/grid/globalization/intl.md

@@ -146,7 +146,10 @@ The following example demonstrates how to allow the user to manually select the
           $("#grid").kendoGrid({
             dataSource: dataSource,
             height: 430,
-            toolbar: ["create", "save", "cancel"],
+            toolbar: {
+              showInactiveTools: true,
+              items: ["create", "save", "cancel"]
+            },
             editable:true,
             pageable: true,
             columns:[

docs/controls/grid/toolbar.md

@@ -134,8 +134,10 @@ In the example below, the `Save Changes` and `Cancel Changes` buttons will be di
     <script>
       $(document).ready(function () {
         $("#grid").kendoGrid({
-          showInactiveTools: true,
-          toolbar: ["save", "cancel"],
+          toolbar: {
+            showInactiveTools: true,
+            items: ["save", "cancel"]
+          },
           columns: [{ field: "name" }, { field: "age" }],
           dataSource: {
             data: [

docs/controls/listview/paging.md

@@ -144,6 +144,7 @@ The following example demonstrates the full implementation of the suggested appr
 
 <script>
 var dataSource = new kendo.data.DataSource({
+    pageSize: 10,
     transport: {
         read: {
             url: "https://demos.telerik.com/service/v2/core/Products"

docs/controls/multicolumncombobox/cascading.md

@@ -66,7 +66,7 @@ To initialize a cascading MultiColumnComboBox, use the following example.
             columns: [
                 { field: "ProductID", title: "ID", width: 120 },
                 { field: "ProductName", title: "Name", width: 120 },
-                { field: "UnitsInStock ", title: "UnitsInStock", width: 120 }
+                { field: "UnitsInStock", title: "UnitsInStock", width: 120 }
             ],
             dataSource: {
                 type: "odata-v4",

docs/knowledge-base/check-listview-item-selected.md

@@ -73,7 +73,7 @@ How can I check if a certain value corresponds to a DataItem property of the sel
               read: {
                 url: "https://demos.telerik.com/service/v2/core/Products",
               }
-            }
+            },
             pageSize: 15
           });
 

docs/knowledge-base/create-with-dynamic-columns-and-data-types.md

@@ -47,7 +47,7 @@ This article showcases how to dynamically generate the Kendo UI Grid by using th
     <script>
       var isDateField =[];
       $.ajax({
-        url: "https://run.mocky.io/v3/fe25d379-099c-4e04-b26b-5f0453e43ef4"
+        url: "https://runner.telerik.io/fullscreen/DEUMgSey.json",
         success: function(result) {
           generateGrid(result);
         }

docs/knowledge-base/font-awesome.md

@@ -13,22 +13,16 @@ res_type: kb
 ## Environment
 
 <table>
- <tr>
-  <td>Product</td>
-  <td>Progress® Kendo UI® Drawing API</td>
- </tr>
- <tr>
-  <td>Operating System</td>
-  <td>Windows 10 64bit</td>
- </tr>
- <tr>
-  <td>Visual Studio Version</td>
-  <td>Visual Studio 2017</td>
- </tr>
- <tr>
-  <td>Preferred Language</td>
-  <td>JavaScript</td>
- </tr>
+<tbody>
+<tr>
+<td>Product</td>
+<td>Kendo UI Grid for jQuery</td>
+</tr>
+<tr>
+<td>Version</td>
+<td>2025.2.520</td>
+</tr>
+</tbody>
 </table>
 
 ## Description
@@ -41,8 +35,8 @@ Custom fonts, including icon fonts such as [Font Awesome](https://fortawesome.gi
 
 The following example demonstrates how to achieve the desired scenario.
 
-```
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.css">
+```dojo
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.css">
 
     <script>
       // The font file location must be set explicitly if it's not hosted in the same domain
@@ -61,14 +55,14 @@ The following example demonstrates how to achieve the desired scenario.
                <i class="fa fa-thumbs-down fa-2x"></i>
                 </td>
             <td class="details">
-               <span class="title">Title: #: Title #</span>
+               <span class="name">Name: #: FullName #</span>
                 </td>
-            <td class="country">
-                #: Country #
+            <td class="employees">
+                #: HasEmployees #
                </td>
-            <td class="employeeID">
-               #: EmployeeID #
-                </td>
+            <td class="employeeId">
+               #: EmployeeId #
+            </td>
       </tr>
     </script>
     <script>
@@ -87,9 +81,9 @@ The following example demonstrates how to achieve the desired scenario.
         },
         columns: [
           { title: "Photo", width: 140 },
-          { title: "Details", width: 400 },
-          { title: "Country" },
-          { title: "EmployeeID" }
+          { title: "FullName", width: 400 },
+          { title: "HasEmployees" },
+          { title: "EmployeeId" }
         ],
         rowTemplate: kendo.template($("#rowTemplate").html()),
         scrollable: false

docs/knowledge-base/grid-dynamic-aggregates.md

@@ -53,7 +53,7 @@ There a different options to choose from when it comes to the UI of the aggregat
       var model;
       var columns;
       $.ajax({
-        url: "https://www.mocky.io/v2/5835e736110000020e0c003c",
+        url: "https://runner.telerik.io/fullscreen/DEUMgSey.json",
         success: function (result) {
           generateGrid(result);
         }

docs/knowledge-base/grid-prevent-popup-close-on-validation-errors-from-server.md

@@ -63,46 +63,47 @@ I am returning errors from server and catch it in kendo datasource error event.
 <div id="grid"></div>
     <script>
       var dataSource = new kendo.data.DataSource({
+        pageSize: 15,
         transport: {
-          read:{
-            url: "https://www.mocky.io/v2/5ce682093300004b3573161e"
+          read: {
+            url: "https://runner.telerik.io/fullscreen/PQkmUirI.json",
           },
           update: {
-            url: "https://www.mocky.io/v2/5ce686e33300006200731647",
-          }
+            url: "https://runner.telerik.io/fullscreen/ojjEoSVp.json",
+          },
         },
         schema: {
-          data: "items",
-          total:"total",
+          total: "total",
           errors: "errors",
-          model:{
-            id: "id",
-            fields:{
-              id: { editable: false },
-              name: { type: "string" }
-            }
-          }
+          model: {
+            id: "ProductID",
+            fields: {
+              ProductID: { editable: false },
+              ProductName: { type: "string" },
+            },
+          },
         },
-        error: function(e) {
+        error: function (e) {
           grid.one("dataBinding", function (ev) {
             ev.preventDefault();
-            var message = "Errors:\n";            
-            $.each(e.errors, function (idx, error) {             
-               message += "Code: "
-                 + error.code
-                 + " | Reason: " + error.reason
-              	 + "\n";
+            var message = "Errors:\n";
+            $.each(e.errors, function (idx, error) {
+              debugger;
+              message +=
+                "Code: " + error.code + " | Reason: " + error.reason + "\n";
             });
             kendo.alert(message);
           });
-        }
+        },
       });
 
-      var grid = $("#grid").kendoGrid({
-        dataSource:dataSource,
-        columns:["id", "name", {command: ["edit"]}],
-        editable:{ mode : "popup"}
-      }).data("kendoGrid");
+      var grid = $("#grid")
+        .kendoGrid({
+          dataSource: dataSource,
+          columns: ["ProductID", "ProductName", { command: ["edit"] }],
+          editable: { mode: "popup" },
+        })
+        .data("kendoGrid");
     </script>
 ```
 

docs/knowledge-base/grid-remove-trailing-space-resize.md

@@ -52,7 +52,7 @@ Add an empty column to the Grid. You can manually calculate its width, so that i
 
     function adjustLastColumn() {
         var grid = $("#grid1").data("kendoGrid");
-        var contentDiv = grid.wrapper.children(".k-grid-content");
+        var contentDiv = grid.wrapper.children().find(".k-grid-content");
         var masterHeaderTable = grid.thead.parent();
         var masterBodyTable = contentDiv.children("table");
         var gridDivWidth = contentDiv.width() - kendo.support.scrollbar();