DevExpress · OlegKipchatov · Oct 6, 2023 · Aug 9, 2022 · Aug 11, 2022 · Aug 15, 2022
diff --git a/MenuConfig.xml b/MenuConfig.xml
diff --git a/...UI Components/BaseChart/7 Interfaces/BaseChartLegendItem/BaseChartLegendItem.md b/...UI Components/BaseChart/7 Interfaces/BaseChartLegendItem/BaseChartLegendItem.md
@@ -0,0 +1,14 @@
+---
+id: BaseChartLegendItem
+type: Object
+inherits: BaseLegendItem
+module: viz/chart_components/base_chart
+export: BaseChartLegendItem
+---
+---
+##### shortDescription
+An object that provides information about a legend item.
+
+---
+#####See Also#####
+- [legend]({basewidgetpath}/Configuration/legend/)
diff --git a/... Structures/BaseChartLegendItem/series.md → ... Interfaces/BaseChartLegendItem/series.md b/... Structures/BaseChartLegendItem/series.md → ... Interfaces/BaseChartLegendItem/series.md
diff --git a/api-reference/10 UI Components/BaseChart/7 Interfaces/Interfaces.md b/api-reference/10 UI Components/BaseChart/7 Interfaces/Interfaces.md
@@ -0,0 +1,5 @@
+---
+##### shortDescription
+This section describes interfaces that the {WidgetName} component uses.
+
+---
diff --git a/api-reference/10 UI Components/Component/1 Configuration/onInitialized.md b/api-reference/10 UI Components/Component/1 Configuration/onInitialized.md
@@ -18,4 +18,4 @@ The UI component's instance.
 
 ---
 #####See Also#####
-- **Get a UI component Instance** in [Angular](/concepts/40%20Angular%20Components/20%20Component%20Configuration%20Syntax/44%20Get%20a%20UI%20Component%20Instance.md '/Documentation/Guide/Angular_Components/Component_Configuration_Syntax/#Get_a_UI_Component_Instance') | [AngularJS](/concepts/Getting%20Started/Widget%20Basics%20-%20AngularJS/03%20Get%20a%20Widget%20Instance.md '/Documentation/Guide/Getting_Started/Widget_Basics_-_AngularJS/Get_a_Widget_Instance/') | [Knockout](/concepts/Getting%20Started/Widget%20Basics%20-%20Knockout/03%20Get%20a%20Widget%20Instance.md '/Documentation/Guide/Getting_Started/Widget_Basics_-_Knockout/Get_a_Widget_Instance/') | [Vue](/concepts/55%20Vue%20Components/20%20Component%20Configuration%20Syntax/44%20Get%20a%20UI%20Component%20Instance.md '/Documentation/Guide/Vue_Components/Component_Configuration_Syntax/#Get_a_UI_Component_Instance') | [React](/concepts/50%20React%20Components/40%20Component%20Configuration%20Syntax/65%20Get%20a%20UI%20Component%20Instance.md '/Documentation/Guide/React_Components/Component_Configuration_Syntax/#Get_a_UI_Component_Instance')
+#include common-link-getinstance
diff --git a/api-reference/10 UI Components/DOMComponent/3 Methods/dispose().md b/api-reference/10 UI Components/DOMComponent/3 Methods/dispose().md
@@ -6,24 +6,29 @@ id: DOMComponent.dispose()
 Disposes of all the resources allocated to the {WidgetName} instance.
 
 ---
+
+---
+##### jQuery
+
 After calling this method, remove the DOM element associated with the UI component:
 
     <!--JavaScript-->
     $("#my{WidgetName}").dx{WidgetName}("dispose");
     $("#my{WidgetName}").remove();
 
-Use this method only if the UI component was created with jQuery or pure JavaScript. In Angular, Vue, and React, use conditional rendering:
-
----
 ##### Angular
 
+Use <a href="https://angular.io/guide/built-in-directives#adding-or-removing-an-element-with-ngif" target="_blank">conditional rendering</a> instead of this method:
+
     <!-- tab: app.component.html -->
     <dx-{widget-name} ...
         *ngIf="condition">
     </dx-{widget-name}>
 
 ##### Vue
 
+Use <a href="https://v3.vuejs.org/guide/conditional.html" target="_blank">conditional rendering</a> instead of this method:
+
     <!-- tab: App.vue -->
     <template>
         <Dx{WidgetName} ...
@@ -43,6 +48,8 @@ Use this method only if the UI component was created with jQuery or pure JavaScr
 
 ##### React
 
+Use <a href="https://reactjs.org/docs/conditional-rendering.html" target="_blank">conditional rendering</a> instead of this method:
+
     <!-- tab: App.js -->
     import React from 'react';
 
@@ -69,8 +76,3 @@ Use this method only if the UI component was created with jQuery or pure JavaScr
     export default App;
 
 ---
-
-#####See Also#####
-- <a href="https://angular.io/guide/built-in-directives#adding-or-removing-an-element-with-ngif" target="_blank">Conditional Rendering in Angular</a>
-- <a href="https://v3.vuejs.org/guide/conditional.html" target="_blank">Conditional Rendering in Vue</a>
-- <a href="https://reactjs.org/docs/conditional-rendering.html" target="_blank">Conditional Rendering in React</a>
diff --git a/api-reference/10 UI Components/GridBase/1 Configuration/renderAsync.md b/api-reference/10 UI Components/GridBase/1 Configuration/renderAsync.md
@@ -1,7 +1,7 @@
 ---
 id: GridBase.Options.renderAsync
 type: Boolean
-default: false
+default: undefined
 ---
 ---
 ##### shortDescription

diff --git a/api-reference/10 UI Components/GridBase/1 Configuration/twoWayBindingEnabled.md b/api-reference/10 UI Components/GridBase/1 Configuration/twoWayBindingEnabled.md
@@ -8,7 +8,6 @@ default: true
 Specifies whether to enable two-way data binding.
 
 ---
-Two-way data binding ensures that the UI tracks changes made in the data source by a 3rd-party component, and vice versa. This way, the UI component and its data source stay synchronized. 
-If you implement two-way data binding in the UI component on your own using the [cellTemplate](/api-reference/_hidden/dxDataGridColumn/cellTemplate.md '{basewidgetpath}/Configuration/columns/#cellTemplate') and/or [editCellTemplate](/api-reference/_hidden/dxDataGridColumn/editCellTemplate.md '{basewidgetpath}/Configuration/columns/#editCellTemplate') properties, make sure to set the **twoWayBindingEnabled** property to **false**.
+Two-way data binding ensures that the UI tracks changes made in the data source by a 3rd-party component, and vice versa. This way, the UI component and its data source stay synchronized.
 
-[note] The UI component provides two-way data binding through Knockout, Angular or AngularJS resources, so make sure to [add these libraries](/concepts/Common/Distribution%20Channels/05%20CDN '/Documentation/Guide/Common/Distribution_Channels/CDN/') to your app.
+If you implement two-way data binding in the UI component on your own using the [cellTemplate](/api-reference/_hidden/dxDataGridColumn/cellTemplate.md '{basewidgetpath}/Configuration/columns/#cellTemplate') and/or [editCellTemplate](/api-reference/_hidden/dxDataGridColumn/editCellTemplate.md '{basewidgetpath}/Configuration/columns/#editCellTemplate') properties, make sure to set the **twoWayBindingEnabled** property to **false**.
diff --git a/api-reference/10 UI Components/Markup Components/dxItem/dxItem.md b/api-reference/10 UI Components/Markup Components/dxItem/dxItem.md
@@ -57,41 +57,6 @@ The dxItem component defines custom markup for items in layout and collection UI
     })
     export class AppModule { }
 
-#####AngularJS
-
-    <!--HTML-->
-    <div dx-list="{ }">
-        <div data-options="dxItem: { text: 'Apples', disabled: true }"></div>
-        <div data-options="dxItem: { text: 'Lemons', visible: false }"></div>
-        <div data-options="dxItem: { }">
-            <!-- Custom markup -->
-        </div>
-    </div>
-
-    <!--JavaScript-->
-    angular.module('DemoApp', ['dx'])
-        .controller('DemoController', function ($scope) {
-            // ...
-        });
-
-#####Knockout
-
-    <!--HTML-->
-    <div data-bind="dxList: { ... }">
-        <div data-options="dxItem: { text: 'Apples', disabled: true }"></div>
-        <div data-options="dxItem: { text: 'Lemons', visible: false }"></div>
-        <div data-options="dxItem: { }">
-            <!-- Custom markup -->
-        </div>
-    </div>
-
-    <!--JavaScript-->
-    var viewModel = {
-        // ...
-    };
-
-    ko.applyBindings(viewModel);
-
 #####React
 
     <!-- tab: App.js -->

diff --git a/api-reference/10 UI Components/UI Events/UI Events.md b/api-reference/10 UI Components/UI Events/UI Events.md
@@ -47,39 +47,4 @@ See <a href="http://api.jquery.com/category/events/event-handler-attachment" tar
         }
     }
 
-##### Knockout
-
-    <!--HTML-->
-    <div id="target" data-bind="dxhold: { execute: dxholdHandler, timeout: 1000 }">
-        Target element
-    </div>
-
-    <!--JavaScript-->
-    var viewModel = {
-        dxholdHandler: function(viewModel, jQueryEvent) {
-            alert(`The ${$(jQueryEvent.target).text()} element is being held for ${jQueryEvent.data.timeout} ms.`);
-        }
-    }
-
-[note]Knockout does not provide an API to unsubscribe from an event.
-
-See <a href="http://knockoutjs.com/documentation/event-binding.html" target="_blank">Knockout documentation</a> for details.
-
-##### AngularJS
-
-    <!--HTML-->
-    <div id="target" dx-hold="{ execute: 'dxholdHandler($event)', timeout: 1000 }">
-        Target element
-    </div>
-
-    <!--JavaScript-->
-    angular.module("DemoApp", ["dx"])
-        .controller("DemoController", function DemoController($scope) {
-            $scope.dxholdHandler = function(jQueryEvent) {
-                alert(`The ${$(jQueryEvent.target).text()} element is being held for ${jQueryEvent.data.timeout} ms.`);
-            }
-        });
-
-[note]AngularJS does not provide an API to unsubscribe from an event.
-
 ---
diff --git a/api-reference/10 UI Components/dxAccordion/1 Configuration/onInitialized.md b/api-reference/10 UI Components/dxAccordion/1 Configuration/onInitialized.md
@@ -16,5 +16,8 @@ The UI component's instance.
 #include common-ref-elementparam with { element: "UI component" }
 
 ---
+#include common-code-on-initialized
+
 #####See Also#####
-- **Get a UI component Instance** in [Angular](/concepts/40%20Angular%20Components/20%20Component%20Configuration%20Syntax/44%20Get%20a%20UI%20Component%20Instance.md '/Documentation/Guide/Angular_Components/Component_Configuration_Syntax/#Get_a_UI_Component_Instance') | [AngularJS](/concepts/Getting%20Started/Widget%20Basics%20-%20AngularJS/03%20Get%20a%20Widget%20Instance.md '/Documentation/Guide/Getting_Started/Widget_Basics_-_AngularJS/Get_a_Widget_Instance/') | [Knockout](/concepts/Getting%20Started/Widget%20Basics%20-%20Knockout/03%20Get%20a%20Widget%20Instance.md '/Documentation/Guide/Getting_Started/Widget_Basics_-_Knockout/Get_a_Widget_Instance/') | [Vue](/concepts/55%20Vue%20Components/20%20Component%20Configuration%20Syntax/44%20Get%20a%20UI%20Component%20Instance.md '/Documentation/Guide/Vue_Components/Component_Configuration_Syntax/#Get_a_UI_Component_Instance') | [React](/concepts/50%20React%20Components/40%20Component%20Configuration%20Syntax/65%20Get%20a%20UI%20Component%20Instance.md '/Documentation/Guide/React_Components/Component_Configuration_Syntax/#Get_a_UI_Component_Instance')
+
+#include common-get-instance
diff --git a/api-reference/10 UI Components/dxActionSheet/1 Configuration/onInitialized.md b/api-reference/10 UI Components/dxActionSheet/1 Configuration/onInitialized.md
@@ -16,5 +16,8 @@ The UI component's instance.
 #include common-ref-elementparam with { element: "UI component" }
 
 ---
+#include common-code-on-initialized
+
 #####See Also#####
-- **Get a UI component Instance** in [Angular](/concepts/40%20Angular%20Components/20%20Component%20Configuration%20Syntax/44%20Get%20a%20UI%20Component%20Instance.md '/Documentation/Guide/Angular_Components/Component_Configuration_Syntax/#Get_a_UI_Component_Instance') | [AngularJS](/concepts/Getting%20Started/Widget%20Basics%20-%20AngularJS/03%20Get%20a%20Widget%20Instance.md '/Documentation/Guide/Getting_Started/Widget_Basics_-_AngularJS/Get_a_Widget_Instance/') | [Knockout](/concepts/Getting%20Started/Widget%20Basics%20-%20Knockout/03%20Get%20a%20Widget%20Instance.md '/Documentation/Guide/Getting_Started/Widget_Basics_-_Knockout/Get_a_Widget_Instance/') | [Vue](/concepts/55%20Vue%20Components/20%20Component%20Configuration%20Syntax/44%20Get%20a%20UI%20Component%20Instance.md '/Documentation/Guide/Vue_Components/Component_Configuration_Syntax/#Get_a_UI_Component_Instance') | [React](/concepts/50%20React%20Components/40%20Component%20Configuration%20Syntax/65%20Get%20a%20UI%20Component%20Instance.md '/Documentation/Guide/React_Components/Component_Configuration_Syntax/#Get_a_UI_Component_Instance')
+
+#include common-get-instance
diff --git a/api-reference/10 UI Components/dxAutocomplete/1 Configuration/onInitialized.md b/api-reference/10 UI Components/dxAutocomplete/1 Configuration/onInitialized.md
@@ -16,5 +16,8 @@ The UI component's instance.
 #include common-ref-elementparam with { element: "UI component" }
 
 ---
+#include common-code-on-initialized
+
 #####See Also#####
-- **Get a UI component Instance** in [Angular](/concepts/40%20Angular%20Components/20%20Component%20Configuration%20Syntax/44%20Get%20a%20UI%20Component%20Instance.md '/Documentation/Guide/Angular_Components/Component_Configuration_Syntax/#Get_a_UI_Component_Instance') | [AngularJS](/concepts/Getting%20Started/Widget%20Basics%20-%20AngularJS/03%20Get%20a%20Widget%20Instance.md '/Documentation/Guide/Getting_Started/Widget_Basics_-_AngularJS/Get_a_Widget_Instance/') | [Knockout](/concepts/Getting%20Started/Widget%20Basics%20-%20Knockout/03%20Get%20a%20Widget%20Instance.md '/Documentation/Guide/Getting_Started/Widget_Basics_-_Knockout/Get_a_Widget_Instance/') | [Vue](/concepts/55%20Vue%20Components/20%20Component%20Configuration%20Syntax/44%20Get%20a%20UI%20Component%20Instance.md '/Documentation/Guide/Vue_Components/Component_Configuration_Syntax/#Get_a_UI_Component_Instance') | [React](/concepts/50%20React%20Components/40%20Component%20Configuration%20Syntax/65%20Get%20a%20UI%20Component%20Instance.md '/Documentation/Guide/React_Components/Component_Configuration_Syntax/#Get_a_UI_Component_Instance')
+
+#include common-get-instance
diff --git a/api-reference/10 UI Components/dxBarGauge/1 Configuration/onInitialized.md b/api-reference/10 UI Components/dxBarGauge/1 Configuration/onInitialized.md
@@ -16,5 +16,8 @@ The UI component's instance.
 #include common-ref-elementparam with { element: "UI component" }
 
 ---
+#include common-code-on-initialized
+
 #####See Also#####
-- **Get a UI component Instance** in [Angular](/concepts/40%20Angular%20Components/20%20Component%20Configuration%20Syntax/44%20Get%20a%20UI%20Component%20Instance.md '/Documentation/Guide/Angular_Components/Component_Configuration_Syntax/#Get_a_UI_Component_Instance') | [AngularJS](/concepts/Getting%20Started/Widget%20Basics%20-%20AngularJS/03%20Get%20a%20Widget%20Instance.md '/Documentation/Guide/Getting_Started/Widget_Basics_-_AngularJS/Get_a_Widget_Instance/') | [Knockout](/concepts/Getting%20Started/Widget%20Basics%20-%20Knockout/03%20Get%20a%20Widget%20Instance.md '/Documentation/Guide/Getting_Started/Widget_Basics_-_Knockout/Get_a_Widget_Instance/') | [Vue](/concepts/55%20Vue%20Components/20%20Component%20Configuration%20Syntax/44%20Get%20a%20UI%20Component%20Instance.md '/Documentation/Guide/Vue_Components/Component_Configuration_Syntax/#Get_a_UI_Component_Instance') | [React](/concepts/50%20React%20Components/40%20Component%20Configuration%20Syntax/65%20Get%20a%20UI%20Component%20Instance.md '/Documentation/Guide/React_Components/Component_Configuration_Syntax/#Get_a_UI_Component_Instance')
+
+#include common-get-instance
diff --git a/...ctures/BarGaugeBarInfo/BarGaugeBarInfo.md → ...rfaces/BarGaugeBarInfo/BarGaugeBarInfo.md b/...ctures/BarGaugeBarInfo/BarGaugeBarInfo.md → ...rfaces/BarGaugeBarInfo/BarGaugeBarInfo.md
diff --git a/...bject Structures/BarGaugeBarInfo/color.md → ...uge/7 Interfaces/BarGaugeBarInfo/color.md b/...bject Structures/BarGaugeBarInfo/color.md → ...uge/7 Interfaces/BarGaugeBarInfo/color.md
diff --git a/...bject Structures/BarGaugeBarInfo/index.md → ...uge/7 Interfaces/BarGaugeBarInfo/index.md b/...bject Structures/BarGaugeBarInfo/index.md → ...uge/7 Interfaces/BarGaugeBarInfo/index.md
diff --git a/...bject Structures/BarGaugeBarInfo/value.md → ...uge/7 Interfaces/BarGaugeBarInfo/value.md b/...bject Structures/BarGaugeBarInfo/value.md → ...uge/7 Interfaces/BarGaugeBarInfo/value.md
diff --git a/.../BarGaugeLegendItem/BarGaugeLegendItem.md → .../BarGaugeLegendItem/BarGaugeLegendItem.md b/.../BarGaugeLegendItem/BarGaugeLegendItem.md → .../BarGaugeLegendItem/BarGaugeLegendItem.md
diff --git a/...ect Structures/BarGaugeLegendItem/item.md → ...e/7 Interfaces/BarGaugeLegendItem/item.md b/...ect Structures/BarGaugeLegendItem/item.md → ...e/7 Interfaces/BarGaugeLegendItem/item.md
diff --git a/api-reference/10 UI Components/dxBarGauge/7 Interfaces/Interfaces.md b/api-reference/10 UI Components/dxBarGauge/7 Interfaces/Interfaces.md
@@ -0,0 +1,5 @@
+---
+##### shortDescription
+This section describes interfaces that the {WidgetName} component uses.
+
+---
diff --git a/api-reference/10 UI Components/dxBox/1 Configuration/onInitialized.md b/api-reference/10 UI Components/dxBox/1 Configuration/onInitialized.md
@@ -16,5 +16,8 @@ The UI component's instance.
 #include common-ref-elementparam with { element: "UI component" }
 
 ---
+#include common-code-on-initialized
+
 #####See Also#####
-- **Get a UI component Instance** in [Angular](/concepts/40%20Angular%20Components/20%20Component%20Configuration%20Syntax/44%20Get%20a%20UI%20Component%20Instance.md '/Documentation/Guide/Angular_Components/Component_Configuration_Syntax/#Get_a_UI_Component_Instance') | [AngularJS](/concepts/Getting%20Started/Widget%20Basics%20-%20AngularJS/03%20Get%20a%20Widget%20Instance.md '/Documentation/Guide/Getting_Started/Widget_Basics_-_AngularJS/Get_a_Widget_Instance/') | [Knockout](/concepts/Getting%20Started/Widget%20Basics%20-%20Knockout/03%20Get%20a%20Widget%20Instance.md '/Documentation/Guide/Getting_Started/Widget_Basics_-_Knockout/Get_a_Widget_Instance/') | [Vue](/concepts/55%20Vue%20Components/20%20Component%20Configuration%20Syntax/44%20Get%20a%20UI%20Component%20Instance.md '/Documentation/Guide/Vue_Components/Component_Configuration_Syntax/#Get_a_UI_Component_Instance') | [React](/concepts/50%20React%20Components/40%20Component%20Configuration%20Syntax/65%20Get%20a%20UI%20Component%20Instance.md '/Documentation/Guide/React_Components/Component_Configuration_Syntax/#Get_a_UI_Component_Instance')
+
+#include common-get-instance
diff --git a/api-reference/10 UI Components/dxBullet/1 Configuration/onInitialized.md b/api-reference/10 UI Components/dxBullet/1 Configuration/onInitialized.md
@@ -16,5 +16,8 @@ The UI component's instance.
 #include common-ref-elementparam with { element: "UI component" }
 
 ---
+#include common-code-on-initialized
+
 #####See Also#####
-- **Get a UI component Instance** in [Angular](/concepts/40%20Angular%20Components/20%20Component%20Configuration%20Syntax/44%20Get%20a%20UI%20Component%20Instance.md '/Documentation/Guide/Angular_Components/Component_Configuration_Syntax/#Get_a_UI_Component_Instance') | [AngularJS](/concepts/Getting%20Started/Widget%20Basics%20-%20AngularJS/03%20Get%20a%20Widget%20Instance.md '/Documentation/Guide/Getting_Started/Widget_Basics_-_AngularJS/Get_a_Widget_Instance/') | [Knockout](/concepts/Getting%20Started/Widget%20Basics%20-%20Knockout/03%20Get%20a%20Widget%20Instance.md '/Documentation/Guide/Getting_Started/Widget_Basics_-_Knockout/Get_a_Widget_Instance/') | [Vue](/concepts/55%20Vue%20Components/20%20Component%20Configuration%20Syntax/44%20Get%20a%20UI%20Component%20Instance.md '/Documentation/Guide/Vue_Components/Component_Configuration_Syntax/#Get_a_UI_Component_Instance') | [React](/concepts/50%20React%20Components/40%20Component%20Configuration%20Syntax/65%20Get%20a%20UI%20Component%20Instance.md '/Documentation/Guide/React_Components/Component_Configuration_Syntax/#Get_a_UI_Component_Instance')
+
+#include common-get-instance
diff --git a/api-reference/10 UI Components/dxButton/1 Configuration/onInitialized.md b/api-reference/10 UI Components/dxButton/1 Configuration/onInitialized.md
@@ -16,5 +16,8 @@ The UI component's instance.
 #include common-ref-elementparam with { element: "UI component" }
 
 ---
+#include common-code-on-initialized
+
 #####See Also#####
-- **Get a UI component Instance** in [Angular](/concepts/40%20Angular%20Components/20%20Component%20Configuration%20Syntax/44%20Get%20a%20UI%20Component%20Instance.md '/Documentation/Guide/Angular_Components/Component_Configuration_Syntax/#Get_a_UI_Component_Instance') | [AngularJS](/concepts/Getting%20Started/Widget%20Basics%20-%20AngularJS/03%20Get%20a%20Widget%20Instance.md '/Documentation/Guide/Getting_Started/Widget_Basics_-_AngularJS/Get_a_Widget_Instance/') | [Knockout](/concepts/Getting%20Started/Widget%20Basics%20-%20Knockout/03%20Get%20a%20Widget%20Instance.md '/Documentation/Guide/Getting_Started/Widget_Basics_-_Knockout/Get_a_Widget_Instance/') | [Vue](/concepts/55%20Vue%20Components/20%20Component%20Configuration%20Syntax/44%20Get%20a%20UI%20Component%20Instance.md '/Documentation/Guide/Vue_Components/Component_Configuration_Syntax/#Get_a_UI_Component_Instance') | [React](/concepts/50%20React%20Components/40%20Component%20Configuration%20Syntax/65%20Get%20a%20UI%20Component%20Instance.md '/Documentation/Guide/React_Components/Component_Configuration_Syntax/#Get_a_UI_Component_Instance')
+
+#include common-get-instance
diff --git a/api-reference/10 UI Components/dxButton/1 Configuration/validationGroup.md b/api-reference/10 UI Components/dxButton/1 Configuration/validationGroup.md
@@ -8,7 +8,9 @@ default: undefined
 Specifies the name of the [validation group](/api-reference/10%20UI%20Components/dxValidationGroup '/Documentation/ApiReference/UI_Components/dxValidationGroup/') to be accessed in the [click](/api-reference/10%20UI%20Components/dxButton/4%20Events/click.md '/Documentation/ApiReference/UI_Components/dxButton/Events/#click') event handler.
 
 ---
-When using a button to validate several editors on a page, the button must "know" in which validation group these editors are located. If the Knockout or AngularJS approach is used, add the button to the **div** element that represents the target validation group. When using the jQuery approach, specify the **validationGroup** configuration property for the button. Assign the validation group name specified for the **validationGroup** property of the [validators](/api-reference/10%20UI%20Components/dxValidator '/Documentation/ApiReference/UI_Components/dxValidator/') that extend the editors to be validated. 
+When using a button to validate several editors on a page, the button must "know" in which validation group these editors are located. 
+
+Specify the **validationGroup** configuration property for the button. Assign the validation group name specified for the **validationGroup** property of the [validators](/api-reference/10%20UI%20Components/dxValidator '/Documentation/ApiReference/UI_Components/dxValidator/') that extend the editors to be validated. 
 
 #####See Also#####
 - [Validate Several Editor Values](/concepts/05%20UI%20Components/zz%20Common/05%20UI%20Widgets/20%20Data%20Validation/20%20Validate%20Several%20Editor%20Values '/Documentation/Guide/UI_Components/Common/UI_Widgets/Data_Validation/#Validate_Several_Editor_Values')