Sync with Kendo UI Professional

telerik · Apr 26, 2024 · 836b586 · 836b586
1 parent c06c0f0
commit 836b586
Show file tree

Hide file tree

Showing 21 changed files with 296 additions and 131 deletions.
diff --git a/docs-aspnet/_config-mvc.yml b/docs-aspnet/_config-mvc.yml
@@ -172,11 +172,6 @@ defaults:
         editable: false
         res_type: api
         kind: api
--
-    scope:
-        path: "integration-with-other-telerik-products"
-    values:
-        title_prefix: "Capture ASP.NET MVC"
 -
     scope:
         path: "html-helpers/barcodes/barcode"

diff --git a/docs-aspnet/_config.yml b/docs-aspnet/_config.yml
@@ -439,9 +439,6 @@ navigation:
      "deployment":
         title: "Deployment"
         position: 11
-     "integration-with-other-telerik-products":
-        title: "Integration with other Telerik Products"
-        position: 12
      "cloud-integration":
         title: "Cloud Integration"
         position: 13
@@ -743,11 +740,6 @@ defaults:
         editable: false
         res_type: api
         kind: api
--
-    scope:
-        path: "integration-with-other-telerik-products"
-    values:
-        title_prefix: "Capture ASP.NET Core"
 -
     scope:
         path: "html-helpers/barcodes/barcode"

diff --git a/...pnet/integration-with-other-telerik-products/capture-issues-with-fiddler-jam.md b/...pnet/integration-with-other-telerik-products/capture-issues-with-fiddler-jam.md
diff --git a/...integration-with-other-telerik-products/images/fiddler-jam-capture-settings.png b/...integration-with-other-telerik-products/images/fiddler-jam-capture-settings.png
diff --git a/docs-aspnet/knowledge-base/grid-cascading-dropdownlists.md b/docs-aspnet/knowledge-base/grid-cascading-dropdownlists.md
@@ -0,0 +1,61 @@
+---
+title: Editing Grid with Cascading DropDownLists
+description: A reference on how to implement cascading DropDownLists for editing records in Telerik UI for {{ site.framework }} Grid component.
+type: how-to
+page_title: Grid Editing with Cascading DropDownLists
+slug: grid-cascading-dropdownlists
+tags: grid, edit, mvc, cascading, dropdownlist
+res_type: kb
+---
+
+## Environment
+
+<table>
+ <tr>
+  <td>Product</td>
+  <td>{{ site.product }} Grid</td>
+ </tr>
+</table>
+
+## Description
+
+How can I implement cascading DropDownLists for editing rows in Telerik UI for {{ site.framework }} Grid component? 
+
+## Solution
+
+The Grid provides 3 editing modes - InCell, InLine and PopUp. Usually, in order for the cascading widgets to work, they both (or more) have to be rendered at the same time.
+
+Therefore, for Inline and PopUp editing modes you can check the following sample:
+
+https://github.com/telerik/ui-for-aspnet-mvc-examples/tree/master/grid/grid-editing-cascading-dropdownlist 
+
+However, for InCell editing mode, the only viable approach is demonstrated in this sample:
+
+https://github.com/telerik/ui-for-aspnet-mvc-examples/tree/master/grid/grid-incell-editing-with-cascading-dropdownlist
+
+## More {{ site.framework }} Grid Resources
+
+* [{{ site.framework }} Grid Demos](https://demos.telerik.com/{{ site.platform }}/grid/index)
+
+{% if site.core %}
+* [{{ site.framework }} Grid Product Page](https://www.telerik.com/aspnet-core-ui/grid)
+
+* [Telerik UI for {{ site.framework }} Video Onboarding Course (Free for trial users and license holders)]({%slug virtualclass_uiforcore%})
+
+* [Telerik UI for {{ site.framework }} Forums](https://www.telerik.com/forums/aspnet-core-ui)
+
+{% else %}
+* [{{ site.framework }} Grid Product Page](https://www.telerik.com/aspnet-mvc/grid)
+
+* [Telerik UI for {{ site.framework }} Video Onboarding Course (Free for trial users and license holders)]({%slug virtualclass_uiformvc%})
+
+* [Telerik UI for {{ site.framework }} Forums](https://www.telerik.com/forums/aspnet-mvc)
+{% endif %}
+
+## See Also
+
+* [Client-Side API Reference of the Grid for {{ site.framework }}](https://docs.telerik.com/kendo-ui/api/javascript/ui/grid)
+* [Server-Side API Reference of the Grid for {{ site.framework }}](https://docs.telerik.com/{{ site.platform }}/api/grid)
+* [Telerik UI for {{ site.framework }} Breaking Changes]({%slug breakingchanges_2023%})
+* [Telerik UI for {{ site.framework }} Knowledge Base](https://docs.telerik.com/{{ site.platform }}/knowledge-base)
+
diff --git a/docs-aspnet/redirects.conf b/docs-aspnet/redirects.conf
@@ -12,6 +12,10 @@ rewrite ^/{{ site.platform }}/getting-started/vs-integration/(.*)$
 rewrite ^/{{ site.platform }}/styles-and-layout/styling-components/(.*)$
          /{{ site.platform }}/styles-and-layout/$1
          permanent;
+
+rewrite ^/{{ site.platform }}/integration-with-other-telerik-products/capture-issues-with-fiddler-jam
+         /{{ site.platform }}/introduction
+         permanent;
 
 {% if site.core %}
 

diff --git a/docs/api/javascript/ui/datepicker.md b/docs/api/javascript/ui/datepicker.md
@@ -122,6 +122,20 @@ The duration of the open animation in milliseconds.
     });
     </script>
 
+### autoCorrectParts `Boolean`*(default: true)*
+
+Sets a value that indicates whether to automatically correct the segment when out of range. In order to work, `dateInput` prop should be set to `true`.
+
+#### Example - sets the autoCorrectParts
+
+    <input id="datepicker" />
+    <script>
+    $("#datepicker").kendoDatePicker({
+        dateInput: true,
+        autoCorrectParts: true
+    });
+    </script>
+
 ### autoFill `Boolean`*(default: false)*
 
  When enabled, the DatePicker will autofill the rest of the date to the current date when the component loses focus. For example, entering only the date, month or year portion of the date and blurring the component, the missing sections will be automatically completed.

diff --git a/docs/api/javascript/ui/datetimepicker.md b/docs/api/javascript/ui/datetimepicker.md
@@ -121,6 +121,20 @@ The duration of the open animation in milliseconds.
     });
     </script>
 
+### autoCorrectParts `Boolean`*(default: true)*
+
+Sets a value that indicates whether to automatically correct the segment when out of range. In order to work, `dateInput` prop should be set to `true`.
+
+#### Example - sets the autoCorrectParts
+
+    <input id="datetimepicker" />
+    <script>
+    $("#datetimepicker").kendoDateTimePicker({
+        dateInput: true,
+        autoCorrectParts: true
+    });
+    </script>
+
 ### componentType `String`*(default: "classic")*
 
  Specifies the component type of the widget.

diff --git a/docs/api/javascript/ui/timepicker.md b/docs/api/javascript/ui/timepicker.md
@@ -106,6 +106,20 @@ The effect(s) to use when playing the open animation. Multiple effects should be
 
 The duration of the open animation in milliseconds.
 
+### autoCorrectParts `Boolean`*(default: true)*
+
+Sets a value that indicates whether to automatically correct the segment when out of range. In order to work, `dateInput` prop should be set to `true`.
+
+#### Example - sets the autoCorrectParts
+
+    <input id="timepicker" />
+    <script>
+    $("#timepicker").kendoTimePicker({
+        dateInput: true,
+        autoCorrectParts: true
+    });
+    </script>
+
 ### componentType `String`*(default: "classic")*
 
  Specifies the component type of the widget.

diff --git a/docs/controls/grid/Templates/toolbar-template.md b/docs/controls/grid/Templates/toolbar-template.md
@@ -0,0 +1,87 @@
+---
+title: Toolbar Template
+page_title: jQuery Grid Documentation - Toolbar Template
+description: "Get started with the jQuery Grid by Kendo UI and learn how to render different Toolbar content by using Kendo UI Templates."
+slug: toolbar_templates_kendoui_grid_component
+position: 4
+---
+
+# Toolbar Templates
+
+The Kendo UI Grid provides full control over the rendering of its Toolbar content by using the [`Kendo UI Templates`](/framework/templates/overview). The [`toolbar.template`](/api/javascript/ui/grid/configuration/toolbar.template) configuration enables you to specify your own layout instead of using the built-in buttons.
+
+## Setting a Toolbar Template as a Function
+
+The [`template`](/api/javascript/ui/grid/configuration/toolbar.template) toolbar configuration enables you to build a [`Kendo UI Template`](/framework/templates/overview) by passing a function.
+
+The following example demonstrates how to set the template as a function that is returned by [`kendo.template`](/api/javascript/kendo/methods/template).
+
+```dojo
+<div id="grid"></div>
+<script id="template" type="text/x-kendo-template">
+	<a  type="button" class="k-button k-button-md k-rounded-md k-button-solid k-button-solid-base" href="\#" onclick="return toolbar_click()">Command</a>
+</script>
+<script>
+function toolbar_click() {
+/* The result can be observed in the DevTools(F12) console of the browser. */
+  console.log("Toolbar command is clicked!");
+  return false;
+}
+$("#grid").kendoGrid({
+  toolbar: [
+    { template: kendo.template($("#template").html()) }
+  ],
+  columns: [
+    { field: "name" },
+    { field: "age" }
+  ],
+  dataSource: [
+      { name: "Jane Doe", age: 30 },
+      { name: "John Doe", age: 33 }
+  ]
+});
+</script>
+```
+
+## Setting a Toolbar Template as a String
+
+The [`template`](/api/javascript/ui/grid/configuration/toolbar.template) toolbar configuration enables you to create HTML chunks by passing directly a `string`.
+
+The following example demonstrates how to set the template as a string.
+
+```dojo
+<div id="grid"></div>
+
+<script>
+function toolbar_click() {
+/* The result can be observed in the DevTools(F12) console of the browser. */
+  console.log("Toolbar command is clicked!");
+  return false;
+}
+$("#grid").kendoGrid({
+  toolbar: [
+    { template: "<button id='custom-button' class='k-button k-button-md k-rounded-md k-button-solid k-button-solid-base'>Custom command</button>" }
+  ],
+  columns: [
+    { field: "name" },
+    { field: "age" }
+  ],
+  dataSource: [
+      { name: "Jane Doe", age: 30 },
+      { name: "John Doe", age: 33 }
+  ]
+});
+</script>
+```
+
+## KB Articles on Toolbar Templates
+
+* [Place Edit or Update Buttons to Grid Toolbar]({% slug grid-edit-command-toolbar %})
+* [Lock and Unlock Grid Columns by Using Toolbar instead of Column Menu]({% slug grid-lock-unlock-using-toolbar %})
+* [Find Out More in the Knowledge Base](/knowledge-base)
+
+## See Also
+
+* [Using Toolbar Templates in the Grid (Demo)](https://demos.telerik.com/kendo-ui/grid/toolbar-template)
+* [Introduction on Templates]({% slug overview_kendoui_templatescomponent %})
+* [JavaScript API Reference of the Grid](/api/javascript/ui/grid)
diff --git a/docs/controls/treelist/column-menu.md b/docs/controls/treelist/column-menu.md
@@ -3,7 +3,7 @@ title: Column Menu
 page_title: jQuery TreeList Documentation - Column Menu
 description: "Get started with the jQuery TreeList by Kendo UI and learn how to enable its column menu."
 slug: columnmenu_kendoui_treelist_widget
-position: 9
+position: 12
 ---
 
 # Column Menu

diff --git a/docs/controls/treelist/filtering.md b/docs/controls/treelist/filtering.md
@@ -3,7 +3,7 @@ title: Filtering
 page_title: jQuery TreeList Documentation - Filtering
 description: "Get started with the jQuery TreeList by Kendo UI and learn how to filter its data."
 slug: filtering_kendoui_treelist_widget
-position: 4
+position: 5
 ---
 
 # Filtering

diff --git a/docs/controls/treelist/multicolumn-headers.md b/docs/controls/treelist/multicolumn-headers.md
@@ -3,7 +3,7 @@ title: Multi-Column Headers
 page_title: jQuery TreeList Documentation - Multi-Column Headers
 description: "Get started with the jQuery TreeList by Kendo UI and implement multi-column headers in the component."
 slug: multicolumnheaders_kendoui_treelist
-position: 6
+position: 9
 ---
 
 # Multi-Column Headers

diff --git a/docs/controls/treelist/paging.md b/docs/controls/treelist/paging.md
@@ -3,7 +3,7 @@ title: Paging
 page_title: jQuery TreeList Documentation - Paging
 description: "Get started with the jQuery TreeList by Kendo UI and enable the client-side paging feature."
 slug: paging_kendoui_treelist
-position: 4
+position: 6
 ---
 
 # Paging

diff --git a/docs/controls/treelist/persist-state.md b/docs/controls/treelist/persist-state.md
@@ -3,7 +3,7 @@ title: State Persistence
 page_title: jQuery TreeList Documentation - State Persistence
 description: "Get started with the jQuery TreeList by Kendo UI and persist the state of the component."
 slug: persiststate_kendoui_treelist_widget
-position: 8
+position: 11
 ---
 
 # State Persistence

diff --git a/docs/controls/treelist/scrolling.md b/docs/controls/treelist/scrolling.md
@@ -3,7 +3,7 @@ title: Scrolling
 page_title: jQuery TreeList Documentation - Scrolling
 description: "Get started with the jQuery TreeList by Kendo UI and configure its scrolling functionality."
 slug: scrolling_kendoui_treelist
-position: 5
+position: 7
 ---
 
 # Scrolling

diff --git a/docs/controls/treelist/search-panel.md b/docs/controls/treelist/search-panel.md
@@ -3,7 +3,7 @@ title: Search Panel
 page_title: jQuery TreeList Documentation - Search Panel | Kendo UI
 description: "Get started with the jQuery TreeList by Kendo UI and learn how to enable search panel to search through its data."
 slug: searchpanel_kendoui_treelist_widget
-position: 5
+position: 8
 ---
 
 # Search Panel