Sync with Kendo UI Professional

Author: Kendo Bot

docs-aspnet/html-helpers/data-management/treelist/editing/drag-drop-editing.md

@@ -8,9 +8,11 @@ position: 5
 
 # Editing by Dragging and Dropping
 
-> Currently, the dragging and dropping of items (`.Editable(editable=>editable.Move(true))`) is not supported with the incell edit mode of the TreeList because the draggable functionality prevents the `mousedown` event. As a result, the `change` event of the editor input does not fire, which in turn prevents the MVVM binding from saving the updated value. To work around this problem, refer to [this GitHub issue](https://github.com/telerik/kendo-ui-core/issues/4673).
+> Currently, the dragging and dropping of items (`.Editable(editable=>editable.Move(true))` and `.Editable(editable=>editable.Move(move => move.Reorderable(true)))`) is not supported with the incell edit mode of the TreeList because the draggable functionality prevents the `mousedown` event. As a result, the `change` event of the editor input does not fire, which in turn prevents the MVVM binding from saving the updated value. To work around this problem, refer to [this GitHub issue](https://github.com/telerik/kendo-ui-core/issues/4673).
 
-When the `.Editable(editable=>editable.Move(true))` option is set to `true`, the user can drag and drop the rows and the TreeList internally updates the `ParentId` field. To persist the new hierarchy, configure the TreeList data source for CRUD operations and set `transport.update` as a bare minimum. For a runnable example, refer to the [demo on editing by dragging and dropping the rows of the TreeList](https://demos.telerik.com/{{ site.platform }}/treelist/dragdrop).
+When the `.Editable(editable=>editable.Move(true))` property is set to `true`, the user can drag and drop the rows and the TreeList internally updates the `ParentId` field. Setting the `.Editable(editable=>editable.Move(move => move.Reorderable(true)))` property to `true` enables users not only to move items to a different level in the hierarchy but also allows users to reorder items within a particular hierarchy level.
+
+To persist the new hierarchy, configure the TreeList data source for CRUD operations and set `transport.update` as a bare minimum. For a runnable example, refer to the [demo on editing by dragging and dropping the rows of the TreeList](https://demos.telerik.com/{{ site.platform }}/treelist/dragdrop).
 
 ```tab-Razor
     @(Html.Kendo().TreeList<EmployeeViewModel>()

docs/controls/data-management/treelist/editing/drag-and-drop-editing.md

@@ -8,9 +8,11 @@ position: 4
 
 # Editing by Dragging and Dropping
 
-> Currently, the dragging and dropping of items (`editable.move = true`) is not supported with the incell edit mode of the TreeList because the draggable functionality prevents the `mousedown` event. As a result, the `change` event of the editor input does not fire, which in turn prevents the MVVM binding from saving the updated value. To work around this problem, refer to [this GitHub issue](https://github.com/telerik/kendo-ui-core/issues/4673).
+> Currently, the dragging and dropping of items (`editable.move = true` and `editable.move.reorderable`) is not supported with the incell edit mode of the TreeList because the draggable functionality prevents the `mousedown` event. As a result, the `change` event of the editor input does not fire, which in turn prevents the MVVM binding from saving the updated value. To work around this problem, refer to [this GitHub issue](https://github.com/telerik/kendo-ui-core/issues/4673).
 
-When the [`editable.move`](/api/javascript/ui/treelist/configuration/editable#editable.move) option is set to `true`, the user can drag and drop the rows and the TreeList internally updates the `parentId` field. To persist the new hierarchy, configure the TreeList data source for CRUD operations and set `transport.update` as a bare minimum. For a runnable example, refer to the [demo on editing by dragging and dropping the rows of the TreeList](https://demos.telerik.com/kendo-ui/treelist/dragdrop).
+When the [`editable.move`](/api/javascript/ui/treelist/configuration/editable#editable.move) option is set to `true`, the user can drag and drop the rows and the TreeList internally updates the `parentId` field. Setting the [`editable.move.reorderable`](/api/javascript/ui/treelist/configuration/editable#editable.move.reorderable) property to `true` enables users not only to move items to a different level in the hierarchy but also allows users to reorder items within a particular hierarchy level.
+
+To persist the new hierarchy, configure the TreeList data source for CRUD operations and set `transport.update` as a bare minimum. For a runnable example, refer to the [demo on editing by dragging and dropping the rows of the TreeList](https://demos.telerik.com/kendo-ui/treelist/dragdrop).
 
 The following example demonstrates how to enable the batch data source and the editable move configuration.
 

docs/controls/navigation/buttongroup/accessibility/keyboard-navigation.md

@@ -10,7 +10,7 @@ position: 2
 
 The keyboard navigation of the ButtonGroup is always available.
 
-To change the focused Button in the ButtonGroup, use the `Left Arrow` or `Right Arrow` keys.
+To change the focused Button in the ButtonGroup, use the `Left Arrow` or `Right Arrow` keys. Another option to switch between the Buttons in the ButtonGroup is to use `Tab` or `Shift` and `Tab`.
 
 For a complete example, refer to the [demo on keyboard navigation of the ButtonGroup](https://demos.telerik.com/kendo-ui/buttongroup/keyboard-navigation).
 

src/kendo.toolbar.js

@@ -74,7 +74,7 @@ var __meta__ = { // jshint ignore:line
         kendo.toolbar = {};
 
         var components = {
-            overflowAnchor: '<div tabindex="0" class="k-overflow-anchor k-button"></div>',
+            overflowAnchor: '<div tabindex="0" class="k-overflow-anchor k-button" title="More tools" role="button"></div>',
             overflowContainer: '<ul class="k-overflow-container k-list-container"></ul>'
         };
 

styles/web/common/menu.less

@@ -378,6 +378,11 @@ ul.k-menu-vertical .k-separator,
     .k-menu .k-menu-group .k-item > .k-link {
         padding: .28em .9em .38em 1.8em;
     }
+
+    .k-menu-vertical > .k-menu-item > .k-menu-link {
+        padding: @menu-link-padding;
+        padding-left: @menu-vertical-link-padding;
+    }
 }
 // Context Menu
 

styles/web/kendo.common-fiori.less

@@ -1336,16 +1336,6 @@ input.k-textbox,
     padding-top: 2px;
 }
 
-.k-gantt-toolbar {
-    line-height: 44px;
-    vertical-align: middle;
-}
-
-.k-gantt-toolbar
-{
-    padding: 0 1.286em 0 .528em;
-}
-
 .k-gantt-actions
 {
     margin: .2em 0;

styles/web/kendo.common-material.less

@@ -1409,11 +1409,6 @@ form.k-filter-menu .k-textbox {
     vertical-align: middle;
 }
 
-.k-gantt-toolbar {
-    line-height: 44px;
-    vertical-align: middle;
-}
-
 .k-popup-edit-form .k-primary {
     float: right;
 }
@@ -1424,10 +1419,6 @@ form.k-filter-menu .k-textbox {
     clear: both;
 }
 
-.k-gantt-toolbar {
-    padding: 0 1.286em;
-}
-
 .k-drag-clue {
     font-size: 1em;
     padding: .65em 1em;

styles/web/kendo.common-nova.less

@@ -1405,15 +1405,6 @@ form.k-filter-menu .k-textbox {
      vertical-align: middle;
 }
 
-.k-gantt-toolbar {
-    line-height: 44px;
-    vertical-align: middle;
-}
-
-.k-gantt-toolbar {
-    padding: 0 1.286em;
-}
-
 .k-drag-clue {
     font-size: 1em;
     padding: .65em 1em;

styles/web/type-fiori.less

@@ -2125,14 +2125,6 @@ div.k-filebrowser-dropzone em
     border-radius: @draghandle-border-radius;
 }
 
-.k-gantt-toolbar li:first-child + li {
-    border-radius: @border-radius 0 0 @border-radius;
-}
-
-.k-rtl .k-gantt-toolbar li:last-child {
-    border-radius: @border-radius 0 0 @border-radius;
-}
-
 .k-more-events,
 .k-event,
 .k-task-single,
@@ -2147,13 +2139,6 @@ div.k-filebrowser-dropzone em
     border-radius: (@inner-border-radius - 1);
 }
 
-// RTL Scheduler & Gantt
-
-.k-rtl .k-gantt-toolbar > ul.k-gantt-views > li {
-    border-width: 0 0 3px 0;
-    border-color: transparent;
-}
-
 // /Column Menu
 
 .k-autocomplete,
@@ -2499,21 +2484,6 @@ div.k-filebrowser-dropzone em
     padding: 0.714em;
 }
 
-.k-gantt .k-gantt-views .k-state-selected
-{
-    background: none;
-}
-
-.k-gantt .k-gantt-views > li
-{
-    border-radius: 0;
-}
-
-.k-gantt .k-gantt-views .k-state-selected
-{
-    border-color: @selected-border-color;
-}
-
 .k-task-summary-complete
 {
     border-color: @selected-border-color;
@@ -2543,38 +2513,11 @@ div.k-filebrowser-dropzone em
     background-color: #444;
 }
 
-.k-gantt-views .k-link:link,
-.k-gantt-views .k-link:visited,
 .k-group-indicator .k-link
 {
     color: @widget-text-color;
 }
 
-.k-gantt .k-gantt-views > .k-state-selected > .k-link
-{
-    color: @selected-border-color;
-}
-
-.k-gantt-toolbar .k-gantt-views > li > .k-link {
-    background: none;
-}
-
-.k-gantt .k-gantt-toolbar ul li.k-state-hover
-{
-    background: none;
-    border-color: transparent;
-}
-
-.k-gantt .k-gantt-toolbar ul li.k-state-selected
-{
-    border-color: @selected-border-color;
-}
-
-.k-gantt .k-gantt-toolbar .k-state-hover .k-link
-{
-    color: @selected-background-color;
-}
-
 .k-scheduler-table .k-other-month,
 .k-scheduler-header th,
 .k-scheduler-dayview .k-scheduler-header .k-scheduler-header-wrap th.k-today

styles/web/type-material.less

@@ -2631,39 +2631,18 @@ span.k-colorpicker {
     border-color: @hover-border-color;
 }
 
-.k-grid .k-header .k-button,
-.k-gantt > .k-header li,
-.k-gantt > .k-header .k-link,
-.k-gantt-toolbar .k-button {
+.k-grid .k-header .k-button {
     color: @header-text-color;
     background-color: @header-background-color;
     border-color: @header-background-color;
     .box-shadow(none);
 }
 
-.k-grid .k-header .k-button:hover,
-.k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover,
-.k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover .k-link,
-.k-gantt .k-gantt-toolbar .k-button:hover {
+.k-grid .k-header .k-button:hover {
     background-color: @secondary-hover-background-color;
     border-color: @secondary-hover-background-color;
 }
 
-.k-gantt-toolbar .k-button {
-    background-color: @header-background-color;
-    border-color: @header-background-color;
-}
-
-.k-gantt .k-gantt-toolbar .k-button:active {
-    background: @select-background-color;
-    .box-shadow(none);
-}
-
-.k-gantt-toolbar > .k-gantt-views > li.k-state-selected,
-.k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-selected.k-state-hover {
-    border-bottom-color: @selected-background;
-}
-
 .k-scheduler-mark {
     border-radius: 50%;
 }