Sync with Kendo UI Professional

docs-aspnet-core/html-helpers/navigation/buttongroup/disabled-state.md

@@ -8,9 +8,9 @@ position: 2
 
 # Disabled ButtonGroup
 
-The Button provides options for setting its enabled and disabled state.  
+The ButtonGroup provides options for setting its enabled and disabled state.  
 
-To configure the ButtonGroup as initially disabled, use its `.Enable()` setting. The ButtonGroup can also be disabled or enabled with JavaScript by using its `.Enable()` method by setting a Boolean argument.
+To configure the ButtonGroup as initially disabled, use its `.Enable()` setting. The ButtonGroup can also be disabled or enabled with JavaScript by using its `.Enable()` method with a Boolean argument.
 
 The following example demonstrates how to enable and disable the ButtonGroup over the `.Enable()` configuration.
 

docs-aspnet-core/html-helpers/navigation/drawer/templates.md

@@ -10,13 +10,13 @@ position: 4
 
 To distinguish the items within the template when the user interacts with the Drawer, add the `data-role="drawer-item"` attribute to each item HTML template.
 
-If you wish to add a separator between the Drawer items, use the `data-role="drawer-separator"` attribute.
+To add a separator between the Drawer items, use the `data-role="drawer-separator"` attribute.
 
 The Drawer provides the following configurable templates:
 * The main `Template()` method.
 * The `Mini(m=>m.Template("<div>Mini Template</div>"))` template.
 
-You can add icons with a span with the `k-icon` class combined with the desired [Kendo UI for jQuery web font icons](https://docs.telerik.com/kendo-ui/styles-and-layout/icons-web#list-of-font-icons) class. To ensure that the icons and text have a sufficient padding, wrap the item template text in a span with class `k-item-text`.
+You can add icons with a span with the `k-icon` class combined with the desired [Kendo UI for jQuery web font icon](https://docs.telerik.com/kendo-ui/styles-and-layout/icons-web#list-of-font-icons) class. To ensure that the icons and text have a sufficient padding, wrap the item template text in a span with class `k-item-text`.
 
     @"<ul>
         <li data-role='drawer-item'>

docs-aspnet-core/html-helpers/navigation/toolbar/overview.md

@@ -11,7 +11,7 @@ position: 1
 
 The Telerik UI ToolBar HtmlHelper for ASP.NET Core is a server-side wrapper for the Kendo UI ToolBar widget.
 
-The ToolBar is designed to hold different types of controls such as buttons, button groups, toggle buttons, split buttons, and other customized elements.
+The ToolBar is designed to hold different types of controls such as buttons, button groups, toggle buttons, split buttons, and other customized elements. The ToolBar consists of the ToolBar wrapper, overflow anchor, and command overflow popup main areas. The wrapper holds all commands that can be placed within the available container width. The ones that have no space to fit are moved to the command overflow popup.
 
 * [Demo page for the ToolBar](https://demos.telerik.com/aspnet-core/toolbar/index)
 

docs-aspnet-core/html-helpers/navigation/treeview/drag-drop.md

@@ -1,7 +1,7 @@
 ---
 title: Dragging and Dropping
 page_title: TreeView Drag and Drop | Telerik UI TreeView HtmlHelper for ASP.NET Core
-description: "Learn about the drag and drop functionality of the Telerik UI TreeView HtmlHelper for ASP.NET Core (MVC 6 or ASP.NET Core MVC)."
+description: "Learn about the drag-and-drop functionality of the Telerik UI TreeView HtmlHelper for ASP.NET Core (MVC 6 or ASP.NET Core MVC)."
 slug: htmlhelpers_treeview_drag_drop_aspnetcore
 position: 4
 ---

docs/_config.yml

@@ -256,8 +256,17 @@ navigation:
         position: 50
     "controls/navigation/buttongroup":
         title: "ButtonGroup"
+    "controls/navigation/buttongroup/accessibility":
+        title: "Accessibility"
+        position: 50
     "controls/navigation/drawer":
         title: "Drawer"
+    "controls/navigation/menu/contextmenu":
+        title: "ContextMenu"
+        position: 6
+    "controls/navigation/menu/accessibility":
+        title: "Accessibility"
+        position: 50
     "controls/navigation/tabstrip/globalization":
         title: "Globalization"
         position: 40
@@ -267,6 +276,12 @@ navigation:
     "controls/navigation/tabstrip/how-to":
         title: "How To"
         position: 70
+    "controls/navigation/toolbar/command-types":
+        title: "Command Types"
+        position: 2
+    "controls/navigation/treeview/binding":
+        title: "Data Binding"
+        position: 2
     "controls/conversational-ui":
         title: "Conversational UI"
         position: 10

docs/controls/layout/splitter/content.md

@@ -1,12 +1,12 @@
 ---
-title: Content
-page_title: jQuery Splitter Documentation | Content | Kendo UI
+title: Content Operations
+page_title: jQuery Splitter Documentation | Content Operations | Kendo UI
 description: "Get started with the jQuery Splitter by Kendo UI and load its content with AJAX."
 slug: content_kendoui_splitter
 position: 2
 ---
 
-# Content
+# Content Operations
 
 You can use any valid technique for loading Splitter content.
 

docs/controls/layout/splitter/overview.md

@@ -48,7 +48,7 @@ You have to define the properties of a pane during initialization and to set the
 
 ## Functionality and Features
 
-* [Content]({% slug content_kendoui_splitter %})
+* [Content operations]({% slug content_kendoui_splitter %})
 * [Panes]({% slug panes_kendoui_splitter %})
 * [Appearance]({% slug appearance_kendoui_splitter %})
 

docs/controls/layout/tooltip/content.md

@@ -1,12 +1,12 @@
 ---
-title: Content
-page_title: jQuery Tooltip Documentation | Content | Kendo UI
+title: Content Operations
+page_title: jQuery Tooltip Documentation | Content Operations | Kendo UI
 description: "Get started with the jQuery Tooltip by Kendo UI and load its content with AJAX."
 slug: content_kendoui_tooltip
 position: 2
 ---
 
-# Content
+# Content Operations
 
 You can use any valid technique for loading Tooltip content.
 

docs/controls/layout/tooltip/overview.md

@@ -56,7 +56,7 @@ The following example demonstrates how to initialize a Tooltip and configure its
 
 ## Functionality and Features
 
-* [Content]({% slug content_kendoui_tooltip %})
+* [Content operations]({% slug content_kendoui_tooltip %})
 * [Rendering over disabled elements]({% slug disabledelements_kendoui_tooltip %})
 
 ## Referencing Existing Instances

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

@@ -0,0 +1,21 @@
+---
+title: Keyboard Navigation
+page_title: jQuery ButtonGroup Documentation | Keyboard Navigation | Kendo UI
+description: "Get started with the jQuery ButtonGroup by Kendo UI and learn about the accessibility support it provides through its keyboard navigation functionality."
+slug: keynav_buttongroup_jquery
+position: 2
+---
+
+# Keyboard Navigation
+
+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.
+
+For a complete example, refer to the [demo on keyboard navigation of the ButtonGroup](https://demos.telerik.com/kendo-ui/buttongroup/keyboard-navigation).
+
+## See Also
+
+* [Keyboard Navigation by the ButtonGroup (Demo)](https://demos.telerik.com/kendo-ui/buttongroup/keyboard-navigation)
+* [Keyboard Support in Kendo UI for jQuery]({% slug keyboard_shortcuts_accessibility_support %})
+* [Accessibility in the ButtonGroup]({% slug accessibility_buttongroup_jquery %})

docs/controls/navigation/buttongroup/accessibility/overview.md

@@ -0,0 +1,40 @@
+---
+title: Overview
+page_title: jQuery ButtonGroup Documentation | ButtonGroup Accessibility | Kendo UI
+description: "Get started with the jQuery ButtonGroup by Kendo UI and learn about its accessibility support for WAI-ARIA, Section 508, and WCAG 2.1."
+slug: accessibility_buttongroup_jquery
+position: 1
+---
+
+# ButtonGroup Accessibility
+
+The ButtonGroup is accessible by screen readers and provides WAI-ARIA, Section 508, WCAG 2.1, and keyboard support.
+
+For more information, refer to:
+* [Keyboard navigation by the Kendo UI ButtonGroup]({% slug keynav_buttongroup_jquery %})
+* [Accessibility in Kendo UI for jQuery]({% slug overview_accessibility_support_kendoui %})
+
+## WAI-ARIA
+
+The component follows the WAI-ARIA Authoring Practices for implementing the keyboard navigation for its component role and is tested against the popular screen readers:
+
+* The ButtonGroup container has a `role=group` attribute that semantically defines the group of the buttons.
+* The togglable buttons use the `aria-pressed` attribute and adopt the `role="button"` role.
+* Initializing a ButtonGroup from a `ul` element requires you to set a corresponding tab index to the child `li` elements.
+
+For more information, refer to the article on [WAI-ARIA support in Kendo UI for jQuery]({% slug wai_aria_accessibility_support %}).
+
+## Section 508
+
+The ButtonGroup is compliant with the Section 508 requirements. For more information, refer to the article on [Section 508 support in Kendo UI for jQuery]({% slug section508_accessibility_support %}).
+
+## WCAG 2.1
+
+The ButtonGroup supports the standards for providing accessible web content which are set by the [Web Content Accessibility Guidelines 2.1](https://www.w3.org/TR/WCAG/). For more information, refer to the article on [WCAG 2.1 compliance in Kendo UI for jQuery]({% slug section508_wcag20_accessibility_support %})
+
+## See Also
+
+* [Keyboard Navigation by the ButtonGroup (Demo)](https://demos.telerik.com/kendo-ui/buttongroup/keyboard-navigation)
+* [Keyboard Navigation by the ButtonGroup]({% slug keynav_buttongroup_jquery %})
+* [Keyboard Support in Kendo UI for jQuery]({% slug keyboard_shortcuts_accessibility_support %})
+* [Accessibility in Kendo UI for jQuery]({% slug overview_accessibility_support_kendoui %})

docs/controls/navigation/buttongroup/badges.md

@@ -0,0 +1,30 @@
+---
+title: Badges
+page_title: jQuery ButtonGroup Documentation | Badges | Kendo UI
+description: "Get started with the jQuery ButtonGroup by Kendo UI and add badges to its Button instances."
+slug: badges_kendoui_buttongroup
+position: 5
+---
+
+# Badges
+
+The ButtonGroup provides options for adding badges to its Buttons.
+
+To add or update a badge, use the `badge` property or the [`badge`](/api/javascript/ui/buttongroup/methods/badge) method.
+
+    <div id="buttongroup">
+    </div>
+
+    <script>
+        $("#buttongroup").kendoButtonGroup({
+            items: [
+                { text: "Option1", badge: "8" },
+                { text: "Option2" }
+            ]
+        });
+    </script>
+
+## See Also
+
+* [Using Badges in the ButtonGroup (Demo)](https://demos.telerik.com/kendo-ui/buttongroup/badges)
+* [JavaScript API Reference of the ButtonGroup](/api/javascript/ui/buttongroup)

docs/controls/navigation/buttongroup/disabled-state.md

@@ -0,0 +1,39 @@
+---
+title: Disabled ButtonGroup
+page_title: jQuery ButtonGroup Documentation | Disabled ButtonGroup | Kendo UI
+description: "Get started with the jQuery ButtonGroup by Kendo UI and enable or disable the widget."
+slug: disabled_kendoui_buttongroup
+position: 2
+---
+
+# Disabled ButtonGroup
+
+The ButtonGroup provides options for setting its enabled and disabled state.  
+
+To configure the ButtonGroup as initially disabled, use its [`enable`](/api/javascript/ui/buttongroup/configuration/enable) property. The ButtonGroup can also be disabled or enabled with JavaScript by using its [`enable`](/api/javascript/ui/buttongroup/methods/enable) method with a Boolean argument.
+
+The following example demonstrates how to enable and disable the ButtonGroup.
+
+	<ul id="buttongroup">
+		<li>Option 1</li>
+		<li>Option 2</li>
+		<li>Option 3</li>
+	</ul>
+
+	<script>
+
+	$(function(){
+		var buttongroup = $("#buttongroup").kendoButtonGroup({
+			enable: false
+		}).data("kendoButtonGroup");
+		// ...
+		// Enable the ButtonGroup.
+		buttongroup.enable(true);
+	});
+
+	</script>
+
+## See Also
+
+* [Basic Usage of the ButtonGroup (Demo)](https://demos.telerik.com/kendo-ui/buttongroup/index)
+* [JavaScript API Reference of the ButtonGroup](/api/javascript/ui/buttongroup)

docs/controls/navigation/buttongroup/icons.md

@@ -0,0 +1,30 @@
+---
+title: Icon ButtonGroup
+page_title: jQuery ButtonGroup Documentation | Icon ButtonGroup | Kendo UI
+description: "Get started with the jQuery ButtonGroup by Kendo UI and accommodate an icon and enhance the meaning of its text content."
+slug: icon_kendoui_buttongroup
+position: 3
+---
+
+# Icon ButtonGroup
+
+The ButtonGroup can accommodate an icon and in this way to enhance the meaning of the text content.
+
+You can configure the icons by using the `icon` and `imageUrl` properties of the ButtonGroup. To set a particular Button instance, use only one of them.
+
+  <div id="buttongroup">
+  </div>
+
+  <script>
+      $("#buttongroup").kendoButtonGroup({
+          items: [
+              { icon: "edit" },
+              { imageUrl: "/images/myEditIcon.gif" }
+          ]
+      });
+  </script>
+
+## See Also
+
+* [Using Icons in the ButtonGroup (Demo)](https://demos.telerik.com/kendo-ui/buttongroup/icons)
+* [JavaScript API Reference of the ButtonGroup](/api/javascript/ui/buttongroup)

docs/controls/navigation/buttongroup/indexes.md

@@ -0,0 +1,39 @@
+---
+title: Index
+page_title: jQuery ButtonGroup Documentation | Index | Kendo UI
+description: "Get started with the jQuery ButtonGroup by Kendo UI and configure its initially selected index."
+slug: index_kendoui_buttongroup
+position: 4
+---
+
+# Index
+
+You can configure the initially selected index of the Kendo UI ButtonGroup by using its [`index`](/api/javascript/ui/buttongroup/configuration/index) property.
+
+You can also select an index through the [`select`](/api/javascript/ui/buttongroup/methods/select) method with a Integer argument.
+
+The following example demonstrates how to select a button by its index.
+
+	<ul id="buttongroup">
+		<li>Option 1</li>
+		<li>Option 2</li>
+		<li>Option 3</li>
+	</ul>
+
+	<script>
+
+	$(function(){
+		var buttongroup = $("#buttongroup").kendoButtonGroup({
+			index: 0
+		}).data("kendoButtonGroup");
+		// ...
+		// Select a button at index 1.
+		buttongroup.select(1);
+	});
+
+	</script>
+
+## See Also
+
+* [Basic Usage of the ButtonGroup (Demo)](https://demos.telerik.com/kendo-ui/buttongroup/index)
+* [JavaScript API Reference of the ButtonGroup](/api/javascript/ui/buttongroup)