Sync with Kendo UI Professional

Author: Kendo Bot

docs-aspnet/html-helpers/data-management/grid/columns/multicolumn-headers.md

@@ -1,9 +1,9 @@
 ---
 title: Multi-Column Headers
 page_title: Multi-Column Headers
-description: "Get started with the multicolumn headers feature of the Telerik UI Grid HtmlHelper for {{ site.framework }} (Demo) allowing you to group together one or more columns by a common header."
+description: "The Multi-Column Header feature of the Telerik UI Grid component for {{ site.framework }} allows you to group one or more columns under a common higher-level header."
 slug: multicolumn_headers_aspnetcore_grid
-position: 4
+position: 5
 ---
 
 # Multi-Column Headers

docs-aspnet/html-helpers/data-management/grid/columns/reordering.md

@@ -1,9 +1,9 @@
 ---
 title: Reordering
 page_title: Reordering of Columns
-description: "Get started with the Telerik UI Grid HtmlHelper for {{ site.framework }} (Demo) and learn how to modify its column widths."
+description: "With the Telerik UI Grid HtmlHelper component for {{ site.framework }}, you can enable end-users to effortlessly reorder columns."
 slug: reordercols_aspnetcore_grid
-position: 5
+position: 6
 ---
 
 # Reordering of Columns

docs-aspnet/html-helpers/data-management/grid/columns/resizing.md

@@ -1,9 +1,9 @@
 ---
 title: Resizing
 page_title: Resizing of Columns
-description: "Get started with the Telerik UI Grid HtmlHelper for {{ site.framework }} and learn how to enable column resizing in order to modify the width of columns."
+description: "The Telerik UI Grid HtmlHelper component for {{ site.framework }} comes with a handy Column Resize feature. This allows application users to modify the width of columns and to focus on the content that they need."
 slug: column_resizing_aspnetcore_grid
-position: 5
+position: 7
 ---
 
 # Resizing of Columns

docs-aspnet/html-helpers/data-management/grid/columns/sticky.md

@@ -0,0 +1,46 @@
+---
+title: Sticky
+page_title: Sticky Columns
+description: "Get started with the Telerik UI Grid HtmlHelper for {{ site.framework }} (Demo) supporting sticky columns that are scrollable, yet, visible at all times while the user scrolls the Grid horizontally."
+slug: htmlhelper_grid_sticky_columns
+position: 4
+---
+
+# Sticky Columns
+
+Sticky columns enable you to display specific columns at all times while the user scrolls the Grid horizontally. This specific column will be scrollable as well, however, it will fix its position to the left/right when it reaches left/right Grid border.
+
+For a runnable example, refer to the demo on [implementing sticky columns in the Grid](https://demos.telerik.com/{{ site.platform }}/grid/sticky-columns).
+
+Тhe following Grid configuration ensures that it will be possible to scroll columns horizontally to make the feature work. If there is not enough horizontal space for the scrollbar, it will not appear.
+* Enable [scrolling]({% slug htmlhelpers_grid_aspnetcore_scrolling %}).
+* [Stick columns initially](https://docs.telerik.com/{{ site.platform }}/api/Kendo.Mvc.UI.Fluent/GridBoundColumnBuilder#stickysystemboolean) or [enable the stickable property](https://docs.telerik.com/{{ site.platform }}/api/Kendo.Mvc.UI.Fluent/GridBoundColumnBuilder#stickablesystemboolean) so users can stick column on the fly.
+* Set a Grid height.
+* Set explicit pixel widths to all columns to allow the Grid to adjust the layout of the sticky and non-sticky columns.
+* Make sure that the Grid is not [initialized inside a hidden container]({% slug hidden_containers_aspnetcore_grid %}).
+
+> The [JavaScript API of the Grid](https://docs.telerik.com/kendo-ui/api/javascript/ui/grid#methods) allows you to stick and unstick columns on the fly. However, this is possible only if the stickable configuration is enabled during initialization. If a certain column needs to be open for the users to change its position to sticky/non-sticky this must be specified in the column declaration.
+
+    .Columns(columns =>
+        {
+            columns.Bound(o => o.OrderID).Stickable(true).Width(150);
+            columns.Bound(o => o.ShipName).Sticky(true).Width(350);
+        })
+
+## Known Limitations
+
+* The sticky columns are not supported in Microsoft Internet Explorer. It is a browser limitation due to unsupported gutters.
+* Sticky columns cannot work together with [column virtualization](https://demos.telerik.com/{{ site.platform }}/grid/column-virtualization).
+* A column cannot be both sticky and [locked](https://demos.telerik.com/{{ site.platform }}/grid/frozen-columns). If it is defined like this, it will be locked and the sticky property will be ignored.
+* Grid scrolling must be enabled.
+* The first column cannot be sticky.
+* The autogenerated expand/collapse columns used by hierarchy and grouping cannot be sticky.
+* The [row template](https://demos.telerik.com/{{ site.platform }}/grid/rowtemplate) and [detail template](https://demos.telerik.com/{{ site.platform }}/grid/detailtemplate) are not supported together with sticky columns. 
+* If [multi-column headers](https://demos.telerik.com/{{ site.platform }}/grid/multicolumnheaders) are used, only a column at the topmost level can be sticky. When the Grid uses Multi-column headers - the "Set Column Position" menu will not be visible.
+
+## See Also
+
+* [Implementing Sticky Columns in the Grid (Demo)](https://demos.telerik.com/{{ site.platform }}/grid/sticky-columns)
+* [Knowledge Base](/knowledge-base)
+* [JavaScript API Reference of the Grid](/api/javascript/ui/grid)
+* [Server-Side API](/api/grid)

docs-aspnet/tag-helpers/data-management/grid/columns.md

@@ -219,6 +219,35 @@ To enable both virtualized columns and rows:
     </kendo-grid>
 
 ```
+
+## Sticky Columns
+
+Sticky columns enable you to display specific columns at all times while the user scrolls the Grid horizontally. This specific column will be scrollable as well, however, it will fix its position to the left/right when it reaches left/right Grid border.
+
+For a runnable example, refer to the demo on [implementing sticky columns in the Grid](https://demos.telerik.com/{{ site.platform }}/grid/sticky-columns).
+
+```tagHelper
+    <column-menu enabled="true"/>
+    <columns>
+        <column field="ContactName" sticky="true" stickable="true" title="Contact Name" width="240" />
+        <column field="ContactTitle" stickable="true" title="Contact Title" />
+        <column field="CompanyName" stickable="true" title="Company Name" />
+        <column field="Country" stickable="true" title="Country" width="150" />
+    </columns>
+```
+```cshtml
+    .ColumnMenu()
+    .Columns(columns =>
+    {
+        columns.Bound(o => o.ContactName).Sticky(true).Stickable(true).Width(150);
+        columns.Bound(o => o.ContactTitle).Stickable(true).Width(250);
+        columns.Bound(o => o.CompanyName).Stickable(true).Width(350);
+        columns.Bound(o => o.Country).Stickable(true).Width(300);
+
+    })
+```
+> When it comes to the Grid Sticky Columns there are some known limitation. For more information please refer to [this section of the documentation.](https://docs.telerik.com/aspnet-core/html-helpers/data-management/grid/columns/sticky#known-limitations)
+
 ## See Also
 
 * [Basic Usage of the Grid TagHelper for ASP.NET Core (Demo)](https://demos.telerik.com/aspnet-core/grid/tag-helper)

docs/_config.yml

@@ -2049,6 +2049,7 @@ intro_columns:
   -
     title: "Navigation"
     items:
+      "AppBar": "overview_kendoui_appbar_widget"
       "Breadcrumb": "overview_kendoui_breadcrumb_widget"
       "Button": "overview_kendoui_button_widget"
       "ButtonGroup": "overview_kendoui_buttongroup_widget"

docs/api/javascript/ui/gantt.md

@@ -6934,3 +6934,47 @@ The widget instance which fired the event.
     var gantt = $("#gantt").data("kendoGantt");
     gantt.bind("resizeEnd", gantt_resizeEnd);
     </script>
+
+### togglePlannedTasks
+
+The event will be raised upon Toolbar PlannedTasks Switch click. As a result, the planned tasks will be either hidden or shown in the Gantt Timeline view. The event is preventable.
+
+The event handler function context (available via the this keyword) will be set to the widget instance.
+
+#### Event Data
+
+##### e.showPlannedTasks `Boolean`
+
+Indicates whether the planned tasks are about to be shown (true) or hidden (false).
+
+##### e.preventDefault `Function`
+
+If invoked prevents the action.
+
+##### e.sender `kendo.ui.Gantt`
+
+The widget instance which fired the event.
+
+#### Example
+
+    <div id="gantt"></div>
+    <script>
+    $("#gantt").kendoGantt({
+      toolbar: ["plannedTasks"],
+      dataSource: [
+        {
+          id: 1,
+          orderId: 0,
+          parentId: null,
+          title: "Task1",
+          plannedStart: new Date("2014/6/17 9:00"),
+          plannedEnd: new Date("2014/6/17 11:00"),
+          start: new Date("2014/6/17 10:00"),
+          end: new Date("2014/6/17 12:00")
+        }
+      ],
+      togglePlannedTasks: function(e) {
+        console.log(e.showPlannedTasks);
+      }
+    });
+    </script>