Sync with Kendo UI Professional

Author: kendo-bot

docs-aspnet/_config.yml

@@ -714,13 +714,13 @@ navigation:
 baseurl: /aspnet-core
 
 ## The Kendo UI version used
-cdnVersion: "2024.3.1015"
+cdnVersion: "2024.4.1112"
 
 ## The themes CDN used
-themesCdnVersion: "9.0.0"
+themesCdnVersion: "10.0.0"
 
 ## The MVC Core version used
-mvcCoreVersion: "2024.3.1015"
+mvcCoreVersion: "2024.4.1112"
 
 productCode: UIASPCORE
 

docs/_config.yml

@@ -715,13 +715,13 @@ navigation:
 baseurl: /kendo-ui
 
 ## The Kendo UI version used
-cdnVersion: "2024.3.1015"
+cdnVersion: "2024.4.1112"
 
 ## The themes CDN used
-themesCdnVersion: "9.0.0"
+themesCdnVersion: "10.0.0"
 
 ## The MVC Core version used
-mvcCoreVersion: "2024.3.1015"
+mvcCoreVersion: "2024.4.1112"
 
 ## Progress NPM Registry
 registry_url: 'https://registry.npm.telerik.com/'

docs/api/javascript/ui/spreadsheet.md

@@ -69,7 +69,7 @@ If set to `true`, sets the cell font to underline.
 
 If set to `true`, sets the cell wrap.
 
-### headerHeight `Number` *(default: 20)*
+### headerHeight `Number` *(default: 30)*
 
 The height of the header row in pixels.
 
@@ -735,7 +735,7 @@ Indicates whether to center the content vertically. For more information, refer
         spreadsheet.saveAsPDF();
     </script>
 
-### rowHeight `Number` *(default: 20)*
+### rowHeight `Number` *(default: 30)*
 
 The default row height in pixels.
 
@@ -1038,7 +1038,7 @@ The format of the cell text. For more information, refer to the article on [crea
     <script>
         $("#spreadsheet").kendoSpreadsheet({
             sheets: [{
-                name: "Order",               
+                name: "Order",
                 rows: [{
                     cells: [{
                         value: 12.39, format: "$#,##0.00"
@@ -1054,7 +1054,7 @@ The cell formula without the leading equals sign, for example, `A1 * 10`.
 
 ### sheets.rows.cells.html `Boolean`
 
-If set to `true`, renders the cell value as HTML. 
+If set to `true`, renders the cell value as HTML.
 It is important to sanitize the value of the cell on the server for passing safe html because there is no client-side sanitizing. When editing a cell the new value can be checked and prevented in the client `changing` event.
 
 ### sheets.rows.cells.index `Number`
@@ -1392,26 +1392,74 @@ Apart from the built-in tools, the Spreadsheet Home, Insert and Data ToolBars fu
         });
     </script>
 
+### toolbar.file `Boolean|Array` *(default: true)*
+
+A Boolean value which indicates if the **File** tab or a collection of tools that will be shown in the **Home** tab will be displayed.
+
+The following list indicates the available tools.
+
+* `open`
+* `exportAs`
+
+#### Example - customizing the File tab
+
+    <div id="spreadsheet"></div>
+    <script>
+        $("#spreadsheet").kendoSpreadsheet({
+            toolbar: {
+                file: ["exportAs"]
+            }
+        });
+    </script>
+
+#### Example - disabling the File tab
+
+    <div id="spreadsheet"></div>
+    <script>
+        $("#spreadsheet").kendoSpreadsheet({
+            toolbar: {
+                file: false
+            }
+        });
+    </script>
+
+#### Example - showing a custom tool
+
+    <div id="spreadsheet"></div>
+    <script>
+        $("#spreadsheet").kendoSpreadsheet({
+            toolbar: {
+                file: [
+                    // for all available options, see the toolbar items configuration
+                    // https://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar/configuration/items
+                    {
+                        type: "button",
+                        text: "Custom",
+                        showText: "both",
+                        icon: "k-icon k-i-cog",
+                        click: function() {
+                            window.alert("custom tool");
+                        }
+                    }
+                ]
+            }
+        });
+    </script>
+
 ### toolbar.home `Boolean|Array` *(default: true)*
 
 A Boolean value which indicates if the **Home** tab or a collection of tools that will be shown in the **Home** tab will be displayed.
 
 The following list indicates the available tools. The tools which are part of a tool group are defined as an array. For example `["bold", "italic", "underline"]`.
 
-* `open`
-* `exportAs`
+* [`undo`, `redo`]
 * [`cut`, `copy`, `paste`]
 * [`bold`, `italic`, `underline`]
 * `backgroundColor`, `textColor`
 * `borders`
 * `fontSize`, `fontFamily`
 * `alignment`
 * `textWrap`
-* [`formatDecreaseDecimal`, `formatIncreaseDecimal`]
-* `format`
-* `merge`
-* `freeze`
-* `filter`
 
 #### Example - customizing the Home tab
 
@@ -1464,6 +1512,9 @@ A Boolean value which indicates if the **Insert** tab or a collection of tools t
 
 The following list indicates the available tools. The tools which are part of a tool group are defined as an array. For example `["deleteColumn", "deleteRow"]`.
 
+* `insertComment`
+* `hyperlink`
+* `insertImage`
 * [ `addColumnLeft`, `addColumnRight`, `addRowBelow`, `addRowAbove` ]
 * [ `deleteColumn`, `deleteRow` ]
 
@@ -1489,6 +1540,38 @@ The following list indicates the available tools. The tools which are part of a
         });
     </script>
 
+### toolbar.format `Boolean|Array` *(default: true)*
+
+A Boolean value which indicates if the **Format** tab or a collection of tools that will be shown in the **Format** tab will be displayed.
+
+The following list indicates the available tools
+
+* `format`
+* `formatDecreaseDecimal`
+* `formatIncreaseDecimal`
+
+#### Example - customizing the **Format** tab
+
+    <div id="spreadsheet"></div>
+    <script>
+        $("#spreadsheet").kendoSpreadsheet({
+            toolbar: {
+                format: [ ["formatDecreaseDecimal", "formatIncreaseDecimal"] ]
+            }
+        });
+    </script>
+
+#### Example - disable format tab
+
+    <div id="spreadsheet"></div>
+    <script>
+        $("#spreadsheet").kendoSpreadsheet({
+            toolbar: {
+                format: false
+            }
+        });
+    </script>
+
 ### toolbar.data `Boolean|Array` *(default: true)*
 
 A Boolean value which indicates if the **Data** tab or a collection of tools that will be shown in the **Data** tab will be displayed.
@@ -1521,6 +1604,38 @@ The available tools are:
         });
     </script>
 
+### toolbar.view `Boolean|Array` *(default: true)*
+
+A Boolean value which indicates if the **View** tab or a collection of tools that will be shown in the **View** tab will be displayed.
+
+The following list indicates the available tools
+
+* `freeze`
+* `merge`
+* `toggleGridlines`
+
+#### Example - customizing the **View** tab
+
+    <div id="spreadsheet"></div>
+    <script>
+        $("#spreadsheet").kendoSpreadsheet({
+            toolbar: {
+                view: [ ["freeze", "toggleGridlines"] ]
+            }
+        });
+    </script>
+
+#### Example - disable view tab
+
+    <div id="spreadsheet"></div>
+    <script>
+        $("#spreadsheet").kendoSpreadsheet({
+            toolbar: {
+                view: false
+            }
+        });
+    </script>
+
 ### useCultureDecimals `Boolean` *(default: false)*
 
 If set to `true`, the Spreadsheet formula parser will obey the decimal separator of the current culture.  If set to `false` (default), the decimal separator in formulas will always be the dot.
@@ -2478,8 +2593,8 @@ If invoked the changing will not be performed and no changes will be applied to
     <div id="spreadsheet"></div>
     <script>
       $("#spreadsheet").kendoSpreadsheet({
-        sheets: [{               
-          rows: [{           
+        sheets: [{
+          rows: [{
             cells: [
               { value: "First"},
               { value: "Second"},
@@ -2501,15 +2616,15 @@ If invoked the changing will not be performed and no changes will be applied to
         console.log("The netered value is: " + e.data)
       }
       $("#spreadsheet").kendoSpreadsheet({
-        sheets: [{               
-          rows: [{           
+        sheets: [{
+          rows: [{
             cells: [
               { value: "First"},
               { value: "Second"},
               { value: "Third"}
             ]
           }]
-        }]        
+        }]
       });
 
       var spreadsheet = $("#spreadsheet").data("kendoSpreadsheet");