diff --git a/docs/form/avatar.md b/docs/form/avatar.md
index 5a5103c5..3d7b7265 100644
--- a/docs/form/avatar.md
+++ b/docs/form/avatar.md
@@ -6,7 +6,7 @@ description: You can explore the Avatar of Form in the documentation of the DHTM
 
 # Avatar
 
-A compact but useful control for swift uploading of an avatar into a form.
+A compact control for uploading an avatar to a form.
 
 ![Avatar form control with an empty photo placeholder and an Add a photo prompt in DHTMLX Suite](/img/form/form_avatar.png)
 
@@ -16,7 +16,7 @@ A compact but useful control for swift uploading of an avatar into a form.
 
 ## Adding Avatar
 
-You can easily add an Avatar control during initialization of a form:
+You can add an Avatar control during form initialization:
 
 ~~~js
 const form = new dhx.Form("form_container", {
@@ -39,11 +39,11 @@ const form = new dhx.Form("form_container", {
 
 ### Properties
 
-View [the full list of configuration properties of the Avatar control](form/api/avatar/api_avatar_properties.md).
+View [the full list of Avatar configuration properties](form/api/avatar/api_avatar_properties.md).
 
 ## Working with Avatar
 
-You can manipulate an Avatar control by using methods or events of the object returned by the [getItem()](form/api/form_getitem_method.md) method.
+You can manage an Avatar control with the methods and events of the object that the [`getItem()`](form/api/form_getitem_method.md) method returns.
 
 For example, you can get the value of the control:
 
@@ -53,8 +53,8 @@ const value = form.getItem("avatar").getValue();
 
 ### Methods
 
-Check [the full list of methods of the Avatar control](form/api/api_overview.md#avatar-methods).
+Check [the full list of Avatar methods](form/api/api_overview.md#avatar-methods).
 
 ### Events
 
-Check [the full list of events of the Avatar control](form/api/api_overview.md#avatar-events).
\ No newline at end of file
+Check [the full list of Avatar events](form/api/api_overview.md#avatar-events).
\ No newline at end of file
diff --git a/docs/form/button.md b/docs/form/button.md
index 344cbc1b..b494a8bf 100644
--- a/docs/form/button.md
+++ b/docs/form/button.md
@@ -6,7 +6,7 @@ description: You can explore the Button of Form in the documentation of the DHTM
 
 # Button
 
-A simple button that can have an icon. Button can be *twoState* and can have a badge with a number, which can be useful for displaying the number of new messages, etc.
+A simple button that can have an icon. A button can submit form data to a server.
 
 ![Button form control styled as a blue flat Send button in DHTMLX Suite](/img/form/form_button.png)
 
@@ -14,7 +14,7 @@ A simple button that can have an icon. Button can be *twoState* and can have a b
 
 ## Adding Button
 
-You can easily add a Button control during initialization of a form:
+You can add a Button control during form initialization:
 
 ~~~js
 const form = new dhx.Form("form_container", {
@@ -33,13 +33,13 @@ const form = new dhx.Form("form_container", {
 
 ### Properties
 
-View [the full list of configuration properties of the Button control](form/api/button/api_button_properties.md).
+View [the full list of Button configuration properties](form/api/button/api_button_properties.md).
 
 ## Working with Button
 
-You can manipulate a Button control by using methods or events of the object returned by the [getItem()](form/api/form_getitem_method.md) method.
+You can manage a Button control with the methods and events of the object that the [`getItem()`](form/api/form_getitem_method.md) method returns.
 
-For example, you can disable a control on a page:
+For example, you can disable the control:
 
 ~~~js
 form.getItem("button").disable();
@@ -47,8 +47,8 @@ form.getItem("button").disable();
 
 ### Methods
 
-Check [the full list of methods of the Button control](form/api/api_overview.md#button-methods).
+Check [the full list of Button methods](form/api/api_overview.md#button-methods).
 
 ### Events
 
-Check [the full list of events of the Button control](form/api/api_overview.md#button-events).
+Check [the full list of Button events](form/api/api_overview.md#button-events).
diff --git a/docs/form/calendar.md b/docs/form/calendar.md
index 7d542721..1d257c8d 100644
--- a/docs/form/calendar.md
+++ b/docs/form/calendar.md
@@ -6,7 +6,7 @@ description: You can explore the DatePicker of Form in the documentation of the
 
 # DatePicker
 
-An input with a calendar attached to it for selecting a date.
+An input with an attached calendar for selecting a date.
 
 ![DatePicker form control with an open calendar for selecting a date in DHTMLX Suite](/img/form/form_datepicker.png)
 
@@ -16,7 +16,7 @@ An input with a calendar attached to it for selecting a date.
 
 ## Adding DatePicker
 
-You can easily add a DatePicker control during initialization of a form:
+You can add a DatePicker control during form initialization:
 
 ~~~js
 const form = new dhx.Form("form_container", {
@@ -31,13 +31,13 @@ const form = new dhx.Form("form_container", {
 });
 ~~~
 
-## Properties
+### Properties
 
-View [the full list of configuration properties of the Datepicker control](form/api/calendar/api_calendar_properties.md).
+View [the full list of DatePicker configuration properties](form/api/calendar/api_calendar_properties.md).
 
 ## Working with DatePicker
 
-You can manipulate a DatePicker control by using methods or events of the object returned by the [getItem()](form/api/form_getitem_method.md) method.
+You can manage a DatePicker control with the methods and events of the object that the [`getItem()`](form/api/form_getitem_method.md) method returns.
 
 For example, you can get the value of the control:
 
@@ -51,17 +51,17 @@ const value = form.getItem("datepicker").getValue(true);
 
 ### Methods
 
-Check [the full list of methods of the Datepicker control](form/api/api_overview.md#datepicker-methods).
+Check [the full list of DatePicker methods](form/api/api_overview.md#datepicker-methods).
 
 ### Events
 
-Check [the full list of events of the Datepicker control](form/api/api_overview.md#datepicker-events).
+Check [the full list of DatePicker events](form/api/api_overview.md#datepicker-events).
 
 ## Working with the dhtmlxCalendar widget
 
-There is a possibility to use methods of DHTMLX Calendar via the [getWidget()](form/api/calendar/calendar_getwidget_method.md) method of a DatePicker control.
+You can use DHTMLX Calendar methods with the [`getWidget()`](form/api/calendar/calendar_getwidget_method.md) method of a DatePicker control.
 
-For example, you can show the current month in the control. To do this, you need to get the widget attached to the DatePicker control and then use the [showDate()](calendar/api/calendar_showdate_method.md) method of this widget.
+For example, to show the current month in the control, get the widget attached to the DatePicker control and call its [`showDate()`](calendar/api/calendar_showdate_method.md) method.
 
 ~~~js
 const datepicker = form.getItem("datepicker").getWidget();  // -> DHTMLX Calendar
@@ -70,4 +70,4 @@ datepicker.showDate(null,"month"); // shows the current month
 
 **Related sample**: [Form. Get widget of control](https://snippet.dhtmlx.com/0aqkdsi7)
 
-Check [the full list of methods of the DHTMLX Calendar component](calendar/api/api_overview.md#methods) which you can apply via the [getWidget()](form/api/calendar/calendar_getwidget_method.md) method.
\ No newline at end of file
+Check [the full list of DHTMLX Calendar methods](calendar/api/api_overview.md#methods) that you can apply with the [`getWidget()`](form/api/calendar/calendar_getwidget_method.md) method.
\ No newline at end of file
diff --git a/docs/form/checkbox.md b/docs/form/checkbox.md
index 06a5e660..ebb33f62 100644
--- a/docs/form/checkbox.md
+++ b/docs/form/checkbox.md
@@ -6,7 +6,7 @@ description: You can explore the Checkbox of Form in the documentation of the DH
 
 # Checkbox
 
-A control that allows displaying the specified value or change it to the opposite one.
+A control that displays the specified value and allows you to switch it to the opposite one.
 
 ![Checkbox form control shown in unchecked and checked states in DHTMLX Suite](/img/form/form_checkbox.png)
 
@@ -16,7 +16,7 @@ A control that allows displaying the specified value or change it to the opposit
 
 ## Adding Checkbox
 
-You can easily add a Checkbox control during initialization of a form:
+You can add a Checkbox control during form initialization:
 
 ~~~js
 const form = new dhx.Form("form_container", {
@@ -34,22 +34,22 @@ const form = new dhx.Form("form_container", {
 
 ### Properties
 
-View [the full list of configuration properties of the Checkbox control](form/api/checkbox/api_checkbox_properties.md).
+View [the full list of Checkbox configuration properties](form/api/checkbox/api_checkbox_properties.md).
 
 ## Working with Checkbox
 
-You can manipulate a Checkbox control by using methods or events of the object returned by the [getItem()](form/api/form_getitem_method.md) method.
+You can manage a Checkbox control with the methods and events of the object that the [`getItem()`](form/api/form_getitem_method.md) method returns.
 
 For example, you can get the value of the control:
 
 ~~~js
-const value = form.getItem("checkbox").getValue();
+const value = form.getItem("agree").getValue();
 ~~~
 
 ### Methods
 
-Check [the full list of methods of the Checkbox control](form/api/api_overview.md#checkbox-methods).
+Check [the full list of Checkbox methods](form/api/api_overview.md#checkbox-methods).
 
 ### Events
 
-Check [the full list of events of the Checkbox control](form/api/api_overview.md#checkbox-events).
+Check [the full list of Checkbox events](form/api/api_overview.md#checkbox-events).
diff --git a/docs/form/checkboxgroup.md b/docs/form/checkboxgroup.md
index e9703282..5e0538a1 100644
--- a/docs/form/checkboxgroup.md
+++ b/docs/form/checkboxgroup.md
@@ -6,7 +6,7 @@ description: You can explore the CheckboxGroup of Form in the documentation of t
 
 # CheckboxGroup
 
-A control intended for creating groups of checkboxes.
+A control that groups checkboxes.
 
 ![CheckboxGroup form control with three checkbox options and the first one checked in DHTMLX Suite](/img/form/form_checkboxgroup.png)
 
@@ -14,7 +14,7 @@ A control intended for creating groups of checkboxes.
 
 ## Adding CheckboxGroup
 
-You can easily add a CheckboxGroup control during initialization of a form:
+You can add a CheckboxGroup control during form initialization:
 
 ~~~js
 const form = new dhx.Form("form_container", { 
@@ -55,26 +55,26 @@ const form = new dhx.Form("form_container", {
 
 ### Properties of CheckboxGroup
 
-View [the full list of configuration properties of the CheckboxGroup control](form/api/checkbox_group/api_checkboxgroup_properties.md).
+View [the full list of CheckboxGroup configuration properties](form/api/checkbox_group/api_checkboxgroup_properties.md).
 
-### Properties of Checkbox of CheckboxGroup control
+### Properties of a Checkbox in CheckboxGroup
 
-Check [the full list of configuration properties of a Checkbox of the CheckboxGroup control](form/api/checkbox_group/api_checkboxgroup_properties.md#properties-of-a-checkbox-of-checkboxgroup).
+View [the full list of configuration properties for a Checkbox in CheckboxGroup](form/api/checkbox_group/api_checkboxgroup_properties.md#properties-of-a-checkbox-of-checkboxgroup).
 
 ## Working with CheckboxGroup
 
-You can manipulate a CheckboxGroup control by using methods or events of the object returned by the [getItem()](form/api/form_getitem_method.md) method.
+You can manage a CheckboxGroup control with the methods and events of the object that the [`getItem()`](form/api/form_getitem_method.md) method returns.
 
-For example, you can hide a control on a page:
+For example, you can hide the control:
 
 ~~~js
-const value = form.getItem("CheckboxGroup").hide();
+form.getItem("checkboxGroup").hide();
 ~~~
 
 ### Methods
 
-Check [the full list of methods of the CheckboxGroup control](form/api/api_overview.md#checkboxgroup-methods).
+Check [the full list of CheckboxGroup methods](form/api/api_overview.md#checkboxgroup-methods).
 
 ### Events
 
-Check [the full list of events of the CheckboxGroup control](form/api/api_overview.md#checkboxgroup-events).
+Check [the full list of CheckboxGroup events](form/api/api_overview.md#checkboxgroup-events).
diff --git a/docs/form/colorpicker.md b/docs/form/colorpicker.md
index bb528996..514dd601 100644
--- a/docs/form/colorpicker.md
+++ b/docs/form/colorpicker.md
@@ -6,7 +6,7 @@ description: You can explore the ColorPicker of Form in the documentation of the
 
 # ColorPicker
 
-An input with a color picker attached to it for selecting a color.
+An input with an attached color picker for selecting a color.
 
 ![ColorPicker form control with an open color palette and a hex value input in DHTMLX Suite](/img/form/form_colorpicker.png)
 
@@ -16,7 +16,7 @@ An input with a color picker attached to it for selecting a color.
 
 ## Adding ColorPicker
 
-You can easily add a ColorPicker control during initialization of a form:
+You can add a ColorPicker control during form initialization:
 
 ~~~js
 const form = new dhx.Form("form_container", {
@@ -33,11 +33,11 @@ const form = new dhx.Form("form_container", {
 
 ### Properties
 
-View [the full list of configuration properties of the Colorpicker control](form/api/colorpicker/api_colorpicker_properties.md).
+View [the full list of ColorPicker configuration properties](form/api/colorpicker/api_colorpicker_properties.md).
 
 ## Working with ColorPicker
 
-You can manipulate a ColorPicker control by using methods or events of the object returned by the [getItem()](form/api/form_getitem_method.md) method.
+You can manage a ColorPicker control with the methods and events of the object that the [`getItem()`](form/api/form_getitem_method.md) method returns.
 
 For example, you can get the value of the control:
 
@@ -49,17 +49,17 @@ const value = form.getItem("colorpicker").getValue();
 
 ### Methods
 
-Check [the full list of methods of the ColorPicker control](form/api/api_overview.md#color-picker-methods).
+Check [the full list of ColorPicker methods](form/api/api_overview.md#color-picker-methods).
 
 ### Events
 
-Check [the full list of events of the ColorPicker control](form/api/api_overview.md#color-picker-events).
+Check [the full list of ColorPicker events](form/api/api_overview.md#color-picker-events).
 
 ## Working with the dhtmlxColorPicker widget
 
-There is a possibility to use methods of DHTMLX ColorPicker via the [getWidget()](form/api/colorpicker/colorpicker_getwidget_method.md) method of a ColorPicker control.
+You can use DHTMLX ColorPicker methods with the [`getWidget()`](form/api/colorpicker/colorpicker_getwidget_method.md) method of a ColorPicker control.
 
-For example, you can set focus on the specified value in the control. To do this, you need to get the widget attached to the ColorPicker control and then use the [setFocus()](colorpicker/api/colorpicker_setfocus_method.md) method of this widget.
+For example, to set focus on the specified value in the control, get the widget attached to the ColorPicker control and call its [`setFocus()`](colorpicker/api/colorpicker_setfocus_method.md) method.
 
 ~~~js
 const colorpicker = form.getItem("colorpicker").getWidget();  // -> ColorPicker
@@ -68,5 +68,4 @@ colorpicker.setFocus("#BDF0E9"); // sets focus on the "#BDF0E9" color
 
 **Related sample**: [Form. Get widget of control](https://snippet.dhtmlx.com/0aqkdsi7)
 
-
-Check [the full list of methods of the DHTMLX Colorpicker component](colorpicker/api/api_overview.md#methods) which you can apply via the [getWidget()](form/api/colorpicker/colorpicker_getwidget_method.md) method.
\ No newline at end of file
+Check [the full list of DHTMLX ColorPicker methods](colorpicker/api/api_overview.md#methods) that you can apply with the [`getWidget()`](form/api/colorpicker/colorpicker_getwidget_method.md) method.
\ No newline at end of file
diff --git a/docs/form/combo.md b/docs/form/combo.md
index 892bf494..7914ae14 100644
--- a/docs/form/combo.md
+++ b/docs/form/combo.md
@@ -6,7 +6,7 @@ description: You can explore the Combo of Form in the documentation of the DHTML
 
 # Combo
 
-An input that represents an advanced select box with a set of options. It is able to provide suggestions while a user is typing text.
+An input that works as an advanced select box with a set of options. It can show suggestions while the user types.
 
 ![Combo form control with an open dropdown list of numeric options in DHTMLX Suite](/img/form/form_combo.png)
 
@@ -16,7 +16,7 @@ An input that represents an advanced select box with a set of options. It is abl
 
 ## Adding Combo
 
-You can easily add a Combo control during initialization of a form:
+You can add a Combo control during form initialization:
 
 ~~~js
 const form = new dhx.Form("form_container", {
@@ -46,35 +46,35 @@ const form = new dhx.Form("form_container", {
 
 ### Properties
 
-View [the full list of configuration properties of the Combo control](form/api/combo/api_combo_properties.md).
+View [the full list of Combo configuration properties](form/api/combo/api_combo_properties.md).
 
 ## Working with Combo
 
-You can manipulate a Combo control by using methods or events of the object returned by the [getItem()](form/api/form_getitem_method.md) method.
+You can manage a Combo control with the methods and events of the object that the [`getItem()`](form/api/form_getitem_method.md) method returns.
 
 For example, you can get the value of the control:
 
 ~~~js
-const value = form.getItem("Combo").getValue();
+const value = form.getItem("combo").getValue();
 ~~~
 
 ### Methods
 
-Check [the full list of methods of the Combo control](form/api/api_overview.md#combo-methods).
+Check [the full list of Combo methods](form/api/api_overview.md#combo-methods).
 
 ### Events
 
-Check [the full list of events of the Combo control](form/api/api_overview.md#combo-events).
+Check [the full list of Combo events](form/api/api_overview.md#combo-events).
 
 ### Working with the dhtmlxComboBox widget
 
-There is a possibility to use methods of DHTMLX Combobox via the [getWidget()](form/api/combo/combo_getwidget_method.md) method of a Combo control.
+You can use DHTMLX Combobox methods with the [`getWidget()`](form/api/combo/combo_getwidget_method.md) method of a Combo control.
 
-For example, you can set focus in the Combo input without opening a popup with options. To do this, you need to get the widget attached to the Combo control and then use the [focus()](combobox/api/combobox_focus_method.md) method of this widget.
+For example, to set focus in the Combo input without opening a popup with options, get the widget attached to the Combo control and call its [`focus()`](combobox/api/combobox_focus_method.md) method.
 
 ~~~js
 const combo = form.getItem("combo").getWidget();  // -> ComboBox
 combo.focus(); // sets focus in the input
 ~~~
 
-Check [the full list of methods of the DHTMLX Combobox component](combobox/api/api_overview.md#methods) which you can apply via the [getWidget()](form/api/combo/combo_getwidget_method.md) method.
\ No newline at end of file
+Check [the full list of DHTMLX Combobox methods](combobox/api/api_overview.md#methods) that you can apply with the [`getWidget()`](form/api/combo/combo_getwidget_method.md) method.
\ No newline at end of file
diff --git a/docs/form/configuration.md b/docs/form/configuration.md
index 4253330f..1e3ea631 100644
--- a/docs/form/configuration.md
+++ b/docs/form/configuration.md
@@ -8,9 +8,9 @@ description: You can explore the configuration of Form in the documentation of t
 
 ## Alignment
 
-The [](form/api/form_align_config.md) property allows you to set aligning direction for all controls in Form. 
+The [](form/api/form_align_config.md) property allows you to set the alignment direction for all controls in Form.
 
-You can apply various options of alignment for different [control groups](form/configuration.md#grouping-controls-in-form) by specifying the [](form/api/form_align_config.md) property for the [](form/api/form_rows_config.md) and [](form/api/form_cols_config.md):
+You can also apply different alignment options to separate [control groups](form/configuration.md#grouping-controls-in-form). Specify the [](form/api/form_align_config.md) property for the [](form/api/form_rows_config.md) and [](form/api/form_cols_config.md) properties:
 
 ~~~js
 const form = new dhx.Form("form_container", {
@@ -56,9 +56,9 @@ const form = new dhx.Form("form_container", {
 
 **Related sample**: [Form. Change Form configuration](https://snippet.dhtmlx.com/1pzybtja)
 
-## Grouping Controls in Form
+## Grouping controls in Form
 
-You can combine controls into groups by placing controls into rows and columns with any level of complexity. To do this, use the [](form/api/form_rows_config.md) and [](form/api/form_cols_config.md) options in the configuration object of the component:
+You can combine controls into groups and place them into rows and columns with any level of nesting. Use the [](form/api/form_rows_config.md) and [](form/api/form_cols_config.md) options in the component configuration object:
 
 ~~~js {3,6,12,19,43,50}
 const form = new dhx.Form("form_container", {
@@ -143,7 +143,7 @@ const form = new dhx.Form("form_container", {
 
 **Related sample**: [Form. Disabled](https://snippet.dhtmlx.com/7qjwg2sw)
 
-By default, Form is enabled. To make Form disabled, set the [](form/api/form_disabled_config.md) configuration property to *true*:
+The default Form state is enabled. To disable Form, set the [](form/api/form_disabled_config.md) configuration property to `true`:
 
 ~~~js
 const form = new dhx.Form("form_container", {
@@ -154,7 +154,7 @@ const form = new dhx.Form("form_container", {
 
 ## Making Form hidden
 
-By default, Form is visible. To make Form hidden, set the [](form/api/form_hidden_config.md) configuration property to *true*:
+The default Form state is visible. To hide Form, set the [](form/api/form_hidden_config.md) configuration property to `true`:
 
 ~~~js
 const form = new dhx.Form("form_container", {
@@ -165,7 +165,7 @@ const form = new dhx.Form("form_container", {
 
 ## Padding
 
-To generate space around a [control group](form/configuration.md#grouping-controls-in-form), make use of the [](form/api/form_padding_config.md) parameter:
+To add space around a [control group](form/configuration.md#grouping-controls-in-form), use the [](form/api/form_padding_config.md) property:
 
 ~~~js
 const form = new dhx.Form("form_container", {
@@ -198,7 +198,7 @@ const form = new dhx.Form("form_container", {
 
 ## Title
 
-You can define a title for a [control group](form/configuration.md#grouping-controls-in-form) with the help of the [](form/api/form_title_config.md) property:
+You can define a title for a [control group](form/configuration.md#grouping-controls-in-form) with the [](form/api/form_title_config.md) property:
 
 ~~~js
 const form = new dhx.Form("form_container", {
@@ -229,7 +229,7 @@ const form = new dhx.Form("form_container", {
 
 ## Width/Height
 
-You can adjust sizes of a [control group](form/configuration.md#grouping-controls-in-form) with the corresponding properties [](form/api/form_height_config.md) and [](form/api/form_width_config.md):
+You can adjust the size of a [control group](form/configuration.md#grouping-controls-in-form) with the [](form/api/form_height_config.md) and [](form/api/form_width_config.md) properties:
 
 ~~~js
 const form = new dhx.Form("form_container", {
diff --git a/docs/form/container.md b/docs/form/container.md
index 08485762..72789ef0 100644
--- a/docs/form/container.md
+++ b/docs/form/container.md
@@ -6,39 +6,41 @@ description: You can explore the Container of Form in the documentation of the D
 
 # Container
 
-{{pronote The Container control is available in the PRO version only.}}
+:::info
+The Container control is available in the PRO version only.
+:::
 
-A control to attach HTML code or the DHTMLX widgets.
+A control to attach HTML code or DHTMLX widgets.
 
 <iframe src="https://snippet.dhtmlx.com/cnxi9eqq?mode=js" frameborder="0" class="snippet_iframe" width="100%" height="900"></iframe>
 
-The Container control is a very convenient way to develop Form-based solutions. You can improve your project with HTML code or combine several native widgets in one Form to make the project functional and easy to use. You cannot attach Layout and Form widgets.
+The Container control helps you build Form-based solutions. You can extend a Form with HTML code or combine several native widgets in one Form.
 
-## How to start
+You cannot attach Layout and Form widgets.
 
-You can add the Container control to the Form in an easy way.
+## How to start
 
-You need to specify the type of the control `type: "container"` during the initialization of Form and then use one of the methods:
+To add the Container control to a Form, set `type: "container"` during Form initialization, then use one of the methods:
 
-- [](form/api/container/container_attachhtml_method.md) - for HTML code
-- [](form/api/container/container_attach_method.md) - for DHTMLX widget
+- [](form/api/container/container_attachhtml_method.md) — for HTML code
+- [](form/api/container/container_attach_method.md) — for DHTMLX widgets
 
-You can also attach the HTML code directly to the Container control. Look at the sample above.
+You can also attach HTML code directly to the Container control — see the sample above.
 
 ## Methods
 
-[List of the Container control methods](form/api/api_overview.md#container-methods)
+[List of Container methods](form/api/api_overview.md#container-methods)
 
-You can manipulate the Container control by using methods of the object returned by the [getItem()](form/api/form_getitem_method.md) method. Use methods to hide or show Container, set and get properties, etc.
+You can manage the Container control with the methods of the object that the [`getItem()`](form/api/form_getitem_method.md) method returns. These methods hide and show Container, and set and get its properties.
 
 ## Events
 
-[List of the Container control events](form/api/api_overview.md#container-events)
+[List of Container events](form/api/api_overview.md#container-events)
 
-You can manipulate the Container control by using events of the object returned by the [getItem()](form/api/form_getitem_method.md) method.
+You can manage the Container control with the events of the object that the [`getItem()`](form/api/form_getitem_method.md) method returns.
 
 ## Properties
 
-[List of the Container control properties](form/api/container/api_container_properties.md)
+[List of Container properties](form/api/container/api_container_properties.md)
 
-The list of the properties is used to configure the Container control. For example, to specify css, height, width, padding, etc.
+These properties configure the Container control — for example, `css`, `height`, `width`, and `padding`.
diff --git a/docs/form/customization.md b/docs/form/customization.md
index f667c31e..b1a6843e 100644
--- a/docs/form/customization.md
+++ b/docs/form/customization.md
@@ -8,15 +8,15 @@ description: You can explore the customization of Form in the documentation of t
 
 ## Styling Form
 
-There is a possibility to make changes in the look and feel of a form. 
+You can change the appearance of a Form.
 
 ![Form with a custom teal color theme on input fields and a Send button in DHTMLX Suite](/img/form/custom_style.png)
 
 **Related sample**: [Form. Styling (custom CSS)](https://snippet.dhtmlx.com/wnscgb50)
 
-For this you need to take the following steps:
+Follow these steps:
 
-- add a new CSS class(es) with desired settings in the &lt;style&gt; section of your HTML page or in your file with styles (don't forget to include your file on the page in this case)
+- Add one or more CSS classes with the settings you need. Place them in the `<style>` section of your HTML page or in a separate stylesheet, and include that file on the page:
 
 ~~~html
 <style>
@@ -30,7 +30,7 @@ For this you need to take the following steps:
 </style>
 ~~~
 
-- specify the name of the created CSS class (or names of classes separated by spaces) as the value of the [](form/api/form_css_config.md) property in the Form configuration:
+- Specify the name of the class you created (or several names separated by spaces) as the value of the [](form/api/form_css_config.md) property in the Form configuration:
 
 ~~~js
 const form = new dhx.Form("form_container", {
@@ -78,7 +78,7 @@ For example:
 
 **Related sample**: [Form. Styling (custom CSS)](https://snippet.dhtmlx.com/wnscgb50)
 
-You can modify styling of Form controls as well using the **css** option inside the object of a related control.
+You can also style individual Form controls with the `css` option in the control configuration object.
 
 ~~~html
 <style>
diff --git a/docs/form/features.md b/docs/form/features.md
index 2fbafef4..4ccf8d73 100644
--- a/docs/form/features.md
+++ b/docs/form/features.md
@@ -6,11 +6,11 @@ description: You can explore the features of Form in the documentation of the DH
 
 # Features
 
-This page contains structured information that will help you to start working with DHTMLX Form and go into deep dive on its functionality.
+This page helps you start working with DHTMLX Form and explore its functionality in depth.
 
 ## How to start with DHTMLX Form
 
-In this section you can find out how to initialize and localize Form, how to add controls inside a Form and how to integrate a Form into your applications.
+In this section you will learn how to initialize and localize a Form, add controls to it, and integrate it into your applications.
 
 ### Initialization and localization
 
@@ -24,77 +24,77 @@ In this section you can find out how to initialize and localize Form, how to add
 
 | Topic                                            | Description                                                                                            |
 | ------------------------------------------------ | ------------------------------------------------------------------------------------------------------ |
-| [Button](form/button.md)                             | Learn how to add a Button control into a Form  ([Example](https://snippet.dhtmlx.com/qgxzwyfa))        |
-| [Date picker](form/calendar.md)                      | Learn how to add a DatePicker control into a Form ([Example](https://snippet.dhtmlx.com/q3yk7e6s))     |
-| [Checkbox](form/checkbox.md)                         | Learn how to add a Checkbox group control into a Form ([Example](https://snippet.dhtmlx.com/scs712zl)) |
-| [Checkbox group](form/checkboxgroup.md)              | Learn how to add a Checkbox control into a Form ([Example](https://snippet.dhtmlx.com/p89u4ovb))       |
-| [ColorPicker](form/colorpicker.md)                   | Learn how to add a ColorPicker control into a Form ([Example](https://snippet.dhtmlx.com/n52dl19s))    |
-| [Combobox](form/combo.md)                            | Learn how to add a Combobox control into a Form ([Example](https://snippet.dhtmlx.com/wla7u1xq))       |
-| [Container](form/container.md)                       | Learn how to add a Container control into a Form ([Example](https://snippet.dhtmlx.com/cnxi9eqq))      |
-| [Input](form/input.md)                               | Learn how to add an Input control into a Form ([Example](https://snippet.dhtmlx.com/9q8fubjm))         |
+| [Button](form/button.md)                             | Learn how to add a Button control to a Form  ([Example](https://snippet.dhtmlx.com/qgxzwyfa))        |
+| [Date picker](form/calendar.md)                      | Learn how to add a DatePicker control to a Form ([Example](https://snippet.dhtmlx.com/q3yk7e6s))     |
+| [Checkbox](form/checkbox.md)                         | Learn how to add a Checkbox control to a Form ([Example](https://snippet.dhtmlx.com/scs712zl))         |
+| [Checkbox group](form/checkboxgroup.md)              | Learn how to add a CheckboxGroup control to a Form ([Example](https://snippet.dhtmlx.com/p89u4ovb))    |
+| [ColorPicker](form/colorpicker.md)                   | Learn how to add a ColorPicker control to a Form ([Example](https://snippet.dhtmlx.com/n52dl19s))    |
+| [Combobox](form/combo.md)                            | Learn how to add a Combobox control to a Form ([Example](https://snippet.dhtmlx.com/wla7u1xq))       |
+| [Container](form/container.md)                       | Learn how to add a Container control to a Form ([Example](https://snippet.dhtmlx.com/cnxi9eqq))      |
+| [Input](form/input.md)                               | Learn how to add an Input control to a Form ([Example](https://snippet.dhtmlx.com/9q8fubjm))         |
 | [Labels](https://snippet.dhtmlx.com/7m2wxs8c)    | The example shows how to add labels for controls                                                       |
 | [Helpers](https://snippet.dhtmlx.com/84k1mstw)   | The example shows how to add a help message for a control                                              |
-| [Radio group with Radio buttons](form/radiogroup.md) | Learn how to add Radio buttons into a Form ([Example](https://snippet.dhtmlx.com/ycp1cbct))            |
-| [Select](form/select.md)                             | Learn how to add a Select control into a Form ([Example](https://snippet.dhtmlx.com/yo9w9o2t))         |
-| [SimpleVault](form/simplevault.md)                   | Learn how to add a SimpleVault control into a Form ([Example](https://snippet.dhtmlx.com/ofy4k51o))    |
-| [Slider](form/slider.md)                             | Learn how to add a Slider control into a Form                                                          |
-| [Spacer](form/spacer.md)                             | Learn how to add a Spacer control into a Form                                                          |
-| [Text](form/text.md)                                 | Learn how to add a Text control into a Form                                                            |
-| [Textarea](form/textarea.md)                         | Learn how to add a Textarea control into a Form  ([Example](https://snippet.dhtmlx.com/mt93jzrk))      |
-| [TimePicker](form/timepicker.md)                     | Learn how to add a TimePicker control into a Form ([Example](https://snippet.dhtmlx.com/4k3o8p7b))     |
+| [Radio group with Radio buttons](form/radiogroup.md) | Learn how to add Radio buttons to a Form ([Example](https://snippet.dhtmlx.com/ycp1cbct))            |
+| [Select](form/select.md)                             | Learn how to add a Select control to a Form ([Example](https://snippet.dhtmlx.com/yo9w9o2t))         |
+| [SimpleVault](form/simplevault.md)                   | Learn how to add a SimpleVault control to a Form ([Example](https://snippet.dhtmlx.com/ofy4k51o))    |
+| [Slider](form/slider.md)                             | Learn how to add a Slider control to a Form                                                          |
+| [Spacer](form/spacer.md)                             | Learn how to add a Spacer control to a Form                                                          |
+| [Text](form/text.md)                                 | Learn how to add a Text control to a Form                                                            |
+| [Textarea](form/textarea.md)                         | Learn how to add a Textarea control to a Form  ([Example](https://snippet.dhtmlx.com/mt93jzrk))      |
+| [TimePicker](form/timepicker.md)                     | Learn how to add a TimePicker control to a Form ([Example](https://snippet.dhtmlx.com/4k3o8p7b))     |
 
 
 ### Integration
 
 | Topic                                                   | Description                                                                                                                                  |
 | ------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------- |
-| [Backend integration](integration/suite_and_backend.md) | Learn how to connect DHTMLX Suite to a backend  ([Demo](https://github.com/DHTMLX/nodejs-suite-demo))                                        |
-| [Optimus](/optimus_guides/)                            | Learn how to use DHTMLX Optimus framework for creating  DHTMLX-based app <br>(recommended framework for creating apps with Suite components) |
+| [Backend integration](integration/suite_and_backend.md) | Learn how to connect DHTMLX Suite to a backend ([Demo](https://github.com/DHTMLX/nodejs-suite-demo))                                        |
+| [Optimus](/optimus_guides/)                            | Learn how to use the DHTMLX Optimus framework to build DHTMLX-based apps <br>(the recommended framework for apps with Suite components) |
 | [React integration](integration/suite_and_react.md)     | Learn how to use DHTMLX Form with React ([Demo](https://github.com/DHTMLX/react-suite-demo))                                                    |
 | [Angular integration](integration/suite_and_angular.md) | Learn how to use DHTMLX Form with Angular ([Demo](https://github.com/DHTMLX/angular-suite-demo))                                             |
 | [Vue integration](integration/suite_and_vue.md)         | Learn how to use DHTMLX Form with Vue.js ([Demo](https://github.com/DHTMLX/vue-suite-demo))                                                  |
 
 ## How to configure Form
 
-In this section you will know how to configure groups of controls, how to align controls and add paddings between them, how to initialize a disabled or hidden Form.
+In this section you will learn how to configure groups of controls, align controls, add paddings between them, and initialize a disabled or hidden Form.
 
 | Topic                                                              | Description                                                                                               |
 | ------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------- |
 | [Grouping controls](form/configuration.md#grouping-controls-in-form)   | Learn how to group Form controls into rows and columns                                                    |
-| [Configuring padding](form/api/form_padding_config.md)                 | Learn how to set padding for content inside the control group                                             |
-| [Setting a title](form/configuration.md#title)                         | Learn how to define a title for the control group                                                         |
+| [Configuring padding](form/api/form_padding_config.md)                 | Learn how to set padding for content inside a control group                                               |
+| [Setting a title](form/configuration.md#title)                         | Learn how to define a title for a control group                                                           |
 | [Making Form disabled](form/configuration.md#making-form-disabled)     | Learn how to initialize a disabled Form ([Example](https://snippet.dhtmlx.com/7qjwg2sw))                  |
 | [Making Form hidden](form/configuration.md#making-form-hidden)         | Learn how to initialize a hidden Form                                                                     |
 | [Aligning controls](form/configuration.md#alignment)                   | Learn how to configure the alignment of controls in Form ([Example](https://snippet.dhtmlx.com/jjhkypod)) |
-| [Changing Form configuration](https://snippet.dhtmlx.com/1pzybtja) | The example allows you to change the configuration settings of a Form right from UI                       |
+| [Changing Form configuration](https://snippet.dhtmlx.com/1pzybtja) | The example allows you to change Form configuration settings from the UI                                  |
 
 ## How to configure validation and work with it
 
-In this section you will learn how to configure required fields, to add validation for number values, to limit the number of characters entered in the input field, and more.
+In this section you will learn how to configure required fields, add validation for number values, limit the number of characters entered in an input field, and more.
 
 | Topic                                                                                     | Description                                                                                                                                                |
 | ----------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| [Configuring required fields](form/work_with_form.md#required-fields)                         | Learn how to specify that the input field is required to be filled in by the user ([Example](https://snippet.dhtmlx.com/0pr3var0))                         |
+| [Configuring required fields](form/work_with_form.md#required-fields)                         | Learn how to make an input field required ([Example](https://snippet.dhtmlx.com/0pr3var0))                         |
 | [Defining restricted values](form/work_with_form.md#number-of-allowed-characters)             | Learn how to specify the minimum and/or maximum values allowed in the input                                                                                |
 | [Setting allowed length of input values](form/work_with_form.md#number-of-allowed-characters) | Learn how to limit the number of characters entered in an input or textarea field                                                                          |
 | [Validation rules](form/work_with_form.md#validation-rules)                                   | Learn how to specify the rules of validation ([Example](https://snippet.dhtmlx.com/3cz9v7rm))                                                              |
-| [Configuring messages](form/work_with_form.md#messages)                                       | Learn how to show messages that will notify the end users, whether they are filling the form in correctly ([Example](https://snippet.dhtmlx.com/yhiuq2mi)) |
+| [Configuring messages](form/work_with_form.md#messages)                                       | Learn how to show messages that tell users whether they are filling in the form correctly ([Example](https://snippet.dhtmlx.com/yhiuq2mi)) |
 | [Validating Form](form/api/form_validate_method.md)                                           | Learn how to validate the whole form ([Example](https://snippet.dhtmlx.com/pmz0zk16))                                                                      |
 | [Validating a separate control](form/api/input/input_validate_method.md)                      | Learn how to validate a separate control ([Example](https://snippet.dhtmlx.com/2wz5lfbp))                                                                  |
 
 ## How to customize Form and change its size
 
-In this section you can learn how to configure the size and style of Form and its controls.
+In this section you will learn how to configure the size and style of a Form and its controls.
 
 | Topic                                                     | Description                                                                                     |
 | --------------------------------------------------------- | ----------------------------------------------------------------------------------------------- |
 | [Width and height of Form](form/configuration.md#widthheight) | Learn how to set the width and height for Form                                                  |
 | [Styling Form](form/customization.md)                         | Learn how to customize a Form and its controls ([Example](https://snippet.dhtmlx.com/wnscgb50)) |
-| [List of CSS classes](helpers/base_elements.md)       | A set of CSS classes provided by the DHTMLX library                                             |
- 
+| [List of CSS classes](helpers/base_elements.md)       | The CSS classes included in the DHTMLX library                                                  |
+
 ## How to work with Form
 
-In this section you will study how to send a Form to the server, how to disable and enable the Form, hide and show it, how to clear the Form values and validation.
+In this section you will learn how to send a Form to the server, disable and enable it, hide and show it, and clear Form values and validation.
 
 | Topic                                                                             | Description                                                                                                   |
 | --------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------- |
@@ -103,41 +103,41 @@ In this section you will study how to send a Form to the server, how to disable
 | [Is disabled](form/work_with_form.md#checking-if-a-form-is-disabled)                  | Learn how to check whether a Form or its control is disabled ([Example](https://snippet.dhtmlx.com/lthu8p6p)) |
 | [Hiding / showing Form](form/work_with_form.md#hidingshowing-a-form)                  | Learn how to hide/show a Form                                                                                 |
 | [Checking visibility of a Form](form/work_with_form.md#checking-if-a-form-is-visible) | Learn how to check whether a Form or its control is visible                                                   |
-| [Using input masks](form/work_with_form.md#using-input-masks) | Learn how to use pattern and input masks to provide entering of values in a predefined way ([Example 1](https://snippet.dhtmlx.com/51wnauq3), [Example 2](https://snippet.dhtmlx.com/gu1ekt1z)) |                                
+| [Using input masks](form/work_with_form.md#using-input-masks) | Learn how to use pattern and input masks to control how users enter values ([Example 1](https://snippet.dhtmlx.com/51wnauq3), [Example 2](https://snippet.dhtmlx.com/gu1ekt1z)) |
 | [Clearing Form](form/work_with_form.md#clearing-form)                                 | Learn how to clear the values and (or) validation of Form ([Example](https://snippet.dhtmlx.com/a64ih4ih))    |
 
 
 ## How to work with Form controls
 
-In this section you will study how to get access to the object of the control, how to disable and enable a separate control, how to clear the values and validation of a control, how to operate with properties of controls and their values.
+In this section you will learn how to access the control object, disable and enable a separate control, clear control values and validation, and work with control properties and their values.
 
 | Topic                                                                     | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
 | ------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| [Getting an item](form/api/form_getitem_method.md)                            | Learn how to get access to the own methods and events of a control ([Example](https://snippet.dhtmlx.com/ocfas6go))                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           |
+| [Getting an item](form/api/form_getitem_method.md)                            | Learn how to access the own methods and events of a control ([Example](https://snippet.dhtmlx.com/ocfas6go))                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           |
 | * [Disabling/enabling a control](https://snippet.dhtmlx.com/n0ndn215)     | The example shows how to enable/disable a separate control                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
 | * [Clearing a control](https://snippet.dhtmlx.com/82i6levj)               | The example shows how to clear a separate control                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
 | * [Clearing validation of a control](https://snippet.dhtmlx.com/2yj3obz2) | The example shows how to clear validation of a separate control                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               |
-| * [Getting widget of control](https://snippet.dhtmlx.com/0aqkdsi7)        | The example shows how to return the object of the related DHTMLX widget of the control and apply the methods of the widget to the control                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
+| * [Getting widget of control](https://snippet.dhtmlx.com/0aqkdsi7)        | The example shows how to return the DHTMLX widget object related to a control and apply the widget methods to that control                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
 | * Check all available methods and events for each control                 | [Button](form/button.md#working-with-button), [DatePicker](form/calendar.md#working-with-datepicker), [Checkbox](form/checkbox.md#working-with-checkbox), [CheckboxGroup](form/checkboxgroup.md#working-with-checkboxgroup), [ColorPicker](form/colorpicker.md#working-with-colorpicker), [Combo](form/combo.md#working-with-combo), [Container](form/container.md#methods), [Input](form/input.md#working-with-input), [RadioGroup](form/radiogroup.md#working-with-radiogroup), [Select](form/select.md#working-with-select), [SimpleVault](form/simplevault.md#working-with-simplevault), [Slider](form/slider.md#working-with-slider), [Spacer](form/spacer.md#working-with-spacer), [Text](form/text.md#working-with-text), [Textarea](form/textarea.md#working-with-textarea), [TimePicker](form/timepicker.md#working-with-timepicker) |
 | [Iterating over controls](form/api/form_foreach_method.md)                    | Learn how to iterate over Form controls ([Example](https://snippet.dhtmlx.com/hqzqpavs))                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      |
 | [Setting focus on control](form/work_with_form.md#setting-focus-to-a-control) | Learn how to set focus on a control via Form API ([Example](https://snippet.dhtmlx.com/tye82oqs))                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
 | [Setting value](form/work_with_form.md#setting-new-values-for-controls)       | Learn how to set new values or states for Form controls ([via Form API](https://snippet.dhtmlx.com/7nxbtlzs)), ([via Form control API](https://snippet.dhtmlx.com/ptwm9ttd))                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
 | [Getting value](form/work_with_form.md#getting-values-of-controls)            | Learn how to get current values/states of Form controls  ([via Form API](https://snippet.dhtmlx.com/odod5v12)), ([via Form control API](https://snippet.dhtmlx.com/q3u16v01))                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
 | [Setting properties](form/api/form_setproperties_method.md)                   | Learn how to change the values of the properties of Form controls ([Example](https://snippet.dhtmlx.com/67s17ve7))                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
-| [Getting properties](form/api/form_getproperties_method.md)                   | Learn how to return an object with the properties which are set for Form controls ([Example](https://snippet.dhtmlx.com/7ubqapqq))                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
+| [Getting properties](form/api/form_getproperties_method.md)                   | Learn how to return an object with the properties that are set for Form controls ([Example](https://snippet.dhtmlx.com/7ubqapqq))                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
 
 ## How to work with Form events
 
-This section explains how to work with Form events.
+In this section you will learn how to work with Form events.
 
 | Topic                                       | Description                                                                                           |
 | :------------------------------------------ | :---------------------------------------------------------------------------------------------------- |
-| [Event basic rules](guides/events_guide.md) | Learn basic rules on how to work with events                                                          |
-| [Event handling](form/handling_events.md)       | Learn how to attach, detach, or call the Form events ([Example](https://snippet.dhtmlx.com/vyipsaoa)) |
+| [Event basic rules](guides/events_guide.md) | Learn the basic rules of event handling                                                               |
+| [Event handling](form/handling_events.md)       | Learn how to attach, detach, or call Form events ([Example](https://snippet.dhtmlx.com/vyipsaoa)) |
 
 ## API reference
 
-In this section you can find out corresponding references of Form and Form controls API.
+In this section you will find the Form API and Form controls API references.
 
 ### Form API
 
@@ -151,33 +151,33 @@ In this section you can find out corresponding references of Form and Form contr
 
 | Topic                                                  | Description                                        |
 | ------------------------------------------------------ | -------------------------------------------------- |
-| [Button API](/category/button-api/)               | Check the API of the Button control of Form        |
-| [Datepicker API](/category/datepicker-api/)       | Check the API of the Datepicker control of Form    |
-| [Checkbox API](/category/checkbox-api/)           | Check the API of the Checkbox control of Form      |
-| [CheckboxGroup API](/category/checkboxgroup-api/) | Check the API of the CheckboxGroup control of Form |
-| [Colorpicker API](/category/colorpicker-api/)     | Check the API of the Colorpicker control of Form   |
-| [Combo API](/category/combo-api/)                 | Check the API of the Combo control of Form         |
-| [Container API](/category/container-api/)         | Check the API of the Container control of Form     |
-| [Input API](/category/input-api/)                 | Check the API of the Input control of Form         |
-| [Radiogroup API](/category/radiogroup-api/)       | Check the API of the Radiogroup control of Form    |
-| [Select API](/category/select-api/)               | Check the API of the Select control of Form        |
-| [Simple Vault API](/category/simple-vault-api/)   | Check the API of the Simple Vault control of Form  |
-| [Slider API](/category/slider-api/)               | Check the API of the Slider control of Form        |
-| [Spacer API](/category/spacer-api/)               | Check the API of the Spacer control of Form        |
-| [Text API](/category/text-api/)                   | Check the API of the Text control of Form          |
-| [Textarea API](/category/textarea-api/)           | Check the API of the Textarea control of Form      |
-| [Timepicker API](/category/timepicker-api/)       | Check the API of the Timepicker control of Form    |
+| [Button API](/category/button-api/)               | Check the API of the Button control        |
+| [Datepicker API](/category/datepicker-api/)       | Check the API of the DatePicker control    |
+| [Checkbox API](/category/checkbox-api/)           | Check the API of the Checkbox control      |
+| [CheckboxGroup API](/category/checkboxgroup-api/) | Check the API of the CheckboxGroup control |
+| [Colorpicker API](/category/colorpicker-api/)     | Check the API of the ColorPicker control   |
+| [Combo API](/category/combo-api/)                 | Check the API of the Combo control         |
+| [Container API](/category/container-api/)         | Check the API of the Container control     |
+| [Input API](/category/input-api/)                 | Check the API of the Input control         |
+| [Radiogroup API](/category/radiogroup-api/)       | Check the API of the RadioGroup control    |
+| [Select API](/category/select-api/)               | Check the API of the Select control        |
+| [Simple Vault API](/category/simple-vault-api/)   | Check the API of the SimpleVault control  |
+| [Slider API](/category/slider-api/)               | Check the API of the Slider control        |
+| [Spacer API](/category/spacer-api/)               | Check the API of the Spacer control        |
+| [Text API](/category/text-api/)                   | Check the API of the Text control          |
+| [Textarea API](/category/textarea-api/)           | Check the API of the Textarea control      |
+| [Timepicker API](/category/timepicker-api/)       | Check the API of the TimePicker control    |
 
 
 ## Common functionality
 
-In this section you will learn about common functionality of the library which can be useful while working with Form.
+In this section you will learn about common library functionality that is useful when you work with Form.
 
 | Topic                                                         | Description                                                   |
 | ------------------------------------------------------------- | ------------------------------------------------------------- |
 | [Touch support](common_features/touch_support.md)         | Learn how to work with touch support                          |
 | [TypeScript support](common_features/using_typescript.md) | Learn how to work with TypeScript                             |
-| [AwaitRedraw](helpers/await_redraw.md)                    | Learn how to perform the code after the component’s rendering |
+| [AwaitRedraw](helpers/await_redraw.md)                    | Learn how to run code after the component renders             |
 
 ## Any questions left?
 
diff --git a/docs/form/fieldset.md b/docs/form/fieldset.md
index 4aeda496..ac6d1ab7 100644
--- a/docs/form/fieldset.md
+++ b/docs/form/fieldset.md
@@ -6,7 +6,7 @@ description: You can explore the Fieldset of Form in the documentation of the DH
 
 # Fieldset
 
-A control that allows arranging the elements of the form controls into groups.
+A control that arranges Form controls into groups.
 
 ![Fieldset form control grouping Personal info and Contact info input fields in DHTMLX Suite](/img/form/form_fieldset.png)
 
@@ -18,7 +18,7 @@ A control that allows arranging the elements of the form controls into groups.
 
 ## Adding Fieldset
 
-You can easily add a Fieldset control during initialization of a form:
+You can add a Fieldset control during form initialization:
 
 ~~~js
 const form = new dhx.Form("form_container", {
@@ -54,27 +54,23 @@ const form = new dhx.Form("form_container", {
 
 ### Properties
 
-View [the full list of configuration properties of the Fieldset control](form/api/fieldset/api_fieldset_properties.md).
+View [the full list of Fieldset configuration properties](form/api/fieldset/api_fieldset_properties.md).
 
 ## Working with Fieldset
 
-You can manipulate a Fieldset control by using methods or events of the object returned by the [getItem()](form/api/form_getitem_method.md) method.
+You can manage a Fieldset control with the methods and events of the object that the [`getItem()`](form/api/form_getitem_method.md) method returns.
 
-For example, you can disable a control on a page:
+For example, you can disable the control:
 
 ~~~js
-form.getItem("fieldset").disable();
+form.getItem("f1").disable();
 ~~~
 
 ### Methods
 
-Check [the full list of methods of the Fieldset control](form/api/api_overview.md#fieldset-methods).
+Check [the full list of Fieldset methods](form/api/api_overview.md#fieldset-methods).
 
 ### Events
 
-Check [the full list of events of the Fieldset control](form/api/api_overview.md#fieldset-events).
-
-
-
-
+Check [the full list of Fieldset events](form/api/api_overview.md#fieldset-events).
 
diff --git a/docs/form/handling_events.md b/docs/form/handling_events.md
index a0a2a8ee..88b4ab39 100644
--- a/docs/form/handling_events.md
+++ b/docs/form/handling_events.md
@@ -8,40 +8,42 @@ description: You can explore the event handling of Form in the documentation of
 
 ## Attaching event listeners
 
-You can add any handler to the events of Form. To do this, use the **form.events.on()** method with the following parameters:
+You can add a custom handler to any Form event with the `form.events.on()` method. The method takes the following parameters:
 
 <table>
     <tbody>
         <tr>
             <td><b>evName</b></td>
-            <td>name of the event</td>
+            <td>the event name</td>
         </tr>
         <tr>
             <td><b>evHandler</b></td>
-            <td>user-defined event handler</td>
+            <td>a custom event handler</td>
         </tr>
     </tbody>
 </table>
 
 ~~~js
 form.events.on("click", function(name,e){
-    console.log(id);
+    console.log(name);
 });
 ~~~
 
-Several handlers can be attached to one and the same event, and all of them will be executed.
+You can attach several handlers to the same event, and Form runs all of them.
 
 **Related sample**: [Form. Events](https://snippet.dhtmlx.com/vyipsaoa)
 
-{{note  The names of the events are case-insensitive. }}
+:::note
+Event names are case-insensitive.
+:::
 
 ## Detaching event listeners
 
-There is a simple way of removing an event handler with the **form.events.detach()** method:
+The `form.events.detach()` method removes an event handler:
 
 ~~~js
 form.events.on("click", function(name,e){
-    console.log(id);
+    console.log(name);
 });
 
 form.events.detach("click"); 
@@ -49,7 +51,7 @@ form.events.detach("click");
 
 ## Calling events
 
-A custom event can be called with the **fire()** method of the **events** module:
+The `fire()` method of the `events` module calls a custom event:
 
 ~~~js
 form.events.fire(evName,[args]);
diff --git a/docs/form/how_to_start.md b/docs/form/how_to_start.md
index 6c555587..5965abcb 100644
--- a/docs/form/how_to_start.md
+++ b/docs/form/how_to_start.md
@@ -7,15 +7,15 @@ description: You can explore the initialization of Form in the documentation of
 # Initialization
 
 :::info
-[Download the DHTMLX Form package](https://dhtmlx.com/docs/products/dhtmlxSuite/download.shtml) as a part of the DHTMLX Suite library
+[Download the DHTMLX Form package](https://dhtmlx.com/docs/products/dhtmlxSuite/download.shtml) as part of the DHTMLX Suite library.
 :::
 
-To add DHTMLX Form into an application, you need to take the following simple steps:
+Follow these steps to add DHTMLX Form to an application:
 
 - [Include source files](#include-source-files)
 - [Create a container](#create-a-container)
 - [Define Form structure](#define-form-structure)
-- [Initialize Form](#initialize-form) with the object constructor
+- [Initialize Form](#initialize-form) with the constructor
 
 ~~~html
 <!DOCTYPE html>
@@ -37,12 +37,12 @@ To add DHTMLX Form into an application, you need to take the following simple st
 
 ## Include source files
 
-Unpack the downloaded package into a folder of your project.
+Unpack the downloaded package into your project folder.
 
-After that, create an HTML file and place full paths to JS and CSS files of the DHTMLX Suite library into the header of the file. The files are:
+Create an HTML file and add the full paths to the JS and CSS files of the DHTMLX Suite library in its header. The files are:
 
-- *suite.js*
-- *suite.css*
+- `suite.js`
+- `suite.css`
 
 ~~~html
 <script type="text/javascript" src="../../codebase/suite.js"></script>
@@ -51,7 +51,7 @@ After that, create an HTML file and place full paths to JS and CSS files of the
 
 ## Create a container
 
-Add a container for the Form and give it an id, e.g. "form_container":
+Add a container for a Form and give it an id, for example `form_container`:
 
 ~~~html
 <div id="form_container"></div>
@@ -59,10 +59,9 @@ Add a container for the Form and give it an id, e.g. "form_container":
 
 ## Define Form structure
 
-Now you need to specify the list of Form controls. For example, you can create a form with two text fields for entering a name and an email, a checkbox for the user to give consent to data processing and a button to 
-send a form to a server.
+Specify the list of Form controls. For example, you can create a form with two text fields for a name and an email, a checkbox for consent to data processing, and a button that sends the form to a server.
 
-Thus, the structure of your form will look like this:
+The structure of your form then looks like this:
 
 - a Name input
 - an Email input
@@ -71,8 +70,7 @@ Thus, the structure of your form will look like this:
 
 ![Form with Name and Email input fields an I agree checkbox and a Send button in DHTMLX Suite](/img/form/form_init.png)
 
-To add controls inside a form, you should put them into a layout, either a vertical one (the **rows** attribute), or a horizontal one (the **cols** attribute). In the example below controls are arranged vertically, one under
-another:
+To add controls to a form, put them into a layout: either a vertical one (the `rows` property) or a horizontal one (the `cols` property). The example below arranges controls vertically, one under another:
 
 ~~~js
 rows: [
@@ -116,10 +114,10 @@ rows: [
 
 ## Initialize Form
 
-Initialize Form with the `dhx.Form` object constructor. The constructor takes two parameters:
+Initialize Form with the `dhx.Form` constructor. The constructor takes two parameters:
 
-- the HTML object on the page that serves as the form container. 
-- a configuration object which (besides config options) contains an array of form controls defined as objects with a set of attributes 
+- The HTML object on the page that serves as the form container.
+- A configuration object that contains config options and an array of form controls defined as objects.
 
 ~~~js
 const form = new dhx.Form("form_container", {
diff --git a/docs/form/index.md b/docs/form/index.md
index 2f8625c7..b702992d 100644
--- a/docs/form/index.md
+++ b/docs/form/index.md
@@ -6,14 +6,14 @@ description: You can have an overview of Form in the documentation of the DHTMLX
 
 # Form overview
 
-DHTMLX Form is a typical form widget that can contain a number of adjustable and easy-to-use controls, supports data validation and localization of labels.
-Check [online samples for DHTMLX Form](https://snippet.dhtmlx.com/ikyyekxq?tag=form). 
+DHTMLX Form is a form widget that can contain a set of adjustable controls. It supports data validation and label localization.
+Check [online samples for DHTMLX Form](https://snippet.dhtmlx.com/ikyyekxq?tag=form).
 
 ![Form with Name Email and Password input fields a checked I agree checkbox and a Send button in DHTMLX Suite](/img/form/form_front.png)
 
 ## Features
 
-You can check the following page to learn how to build a full-featured DHTMLX Form:
+Check the following page to learn how to build a full-featured DHTMLX Form:
 
 - [Features](form/features.md)
 
@@ -23,14 +23,14 @@ You can check the following page to learn how to build a full-featured DHTMLX Fo
 
 ## Related resources
 
-- You can get DHTMLX Form as a part of the Suite library by [downloading DHTMLX Suite](https://dhtmlx.com/docs/products/dhtmlxSuite/download.shtml)
-- There are also [online samples for DHTMLX Form](https://snippet.dhtmlx.com/ikyyekxq?tag=form)  
+- [Download DHTMLX Suite](https://dhtmlx.com/docs/products/dhtmlxSuite/download.shtml) to get DHTMLX Form as part of the Suite library
+- Browse [online samples for DHTMLX Form](https://snippet.dhtmlx.com/ikyyekxq?tag=form)
 
 ## Guides
 
 ### Working with Form
 
-Guides you through common information you may need while working with Form.
+These guides cover what you need when you work with Form.
 
 - [](form/how_to_start.md)
 - [](form/localization.md)
@@ -39,9 +39,9 @@ Guides you through common information you may need while working with Form.
 - [](form/customization.md)
 - [](form/handling_events.md)
 
-### Form Controls
+### Form controls
 
-Discusses the creation of Form controls and the possibilities of manipulating them.
+These guides explain how to create Form controls and work with them.
 
 - [](form/avatar.md)
 - [](form/button.md)
diff --git a/docs/form/localization.md b/docs/form/localization.md
index 02f47870..162f4ba7 100644
--- a/docs/form/localization.md
+++ b/docs/form/localization.md
@@ -6,11 +6,11 @@ description: You can explore the localization of Form in the documentation of th
 
 # Localization
 
-You can apply different languages to the interface of DHTMLX Form, specifically to its SimpleVault control. You just need to translate the corresponding strings for Form labels and apply a ready locale to the component.
+You can apply different languages to the DHTMLX Form interface, specifically to its SimpleVault control. Translate the label strings and apply the resulting locale to the component.
 
 ## Default locale
 
-The default (English) locale for Form SimpleVault control looks like this:
+The Form SimpleVault control uses the following default (English) locale:
 
 ~~~js
 const en = {
@@ -21,9 +21,9 @@ const en = {
 
 ## Custom locale
 
-To use a different locale, your need to:
+Follow these steps to use a different locale:
 
-- define necessary language settings: provide translation for all text labels, e.g. the German locale for the SimpleVault control looks like this:
+- Define the language settings: translate all text labels. For example, the German locale for the SimpleVault control is:
 
 ~~~js
 const de = {
@@ -32,7 +32,7 @@ const de = {
 };
 ~~~
 
-- apply the language settings by calling the **dhx.i18n.setLocale()** method before Form initialization:
+- Call the `dhx.i18n.setLocale()` method before Form initialization to apply the settings:
 
 ~~~js
 dhx.i18n.setLocale("form", de);
@@ -41,7 +41,7 @@ const form = new dhx.Form("form_container");
 
 **Related sample**: [Form. Localization](https://snippet.dhtmlx.com/x8n18cr4)
 
-- apply the language settings by calling the **dhx.i18n.setLocale()** method with the name of the control as a parameter for ColorPicker, DatePicker, Combo, TimePicker controls before Form initialization:
+- For ColorPicker, DatePicker, Combo, and TimePicker controls, call the `dhx.i18n.setLocale()` method with the control name as a parameter, also before Form initialization:
 
 ~~~js {2}
 dhx.i18n.setLocale("form", de);
@@ -50,5 +50,5 @@ const form = new dhx.Form("form_container");
 ~~~
 
 :::tip
-The localization of the ColorPicker, DatePicker, Combo controls is the same as the localization of the widgets: [ColorPicker](colorpicker/localizing_colorpicker.md), [Calendar](calendar/localizing_calendar.md) and [Combo](combobox/localization.md).
+You localize the ColorPicker, DatePicker, and Combo controls the same way as the [ColorPicker](colorpicker/localizing_colorpicker.md), [Calendar](calendar/localizing_calendar.md), and [Combo](combobox/localization.md) widgets.
 :::
diff --git a/docs/form/radiogroup.md b/docs/form/radiogroup.md
index 4287aa77..00fa5d33 100644
--- a/docs/form/radiogroup.md
+++ b/docs/form/radiogroup.md
@@ -6,7 +6,7 @@ description: You can explore the RadioGroup of Form in the documentation of the
 
 # RadioGroup
 
-A control intended for creating groups of Radio buttons.
+A control that groups Radio buttons.
 
 ![RadioGroup form control with three radio button options and the second one selected in DHTMLX Suite](/img/form/form_radio.png)
 
@@ -18,7 +18,7 @@ A control intended for creating groups of Radio buttons.
 
 ## Adding RadioGroup
 
-You can easily add a RadioGroup control during initialization of a form:
+You can add a RadioGroup control during form initialization:
 
 ~~~js
 const form = new dhx.Form("form_container", {    
@@ -54,15 +54,15 @@ const form = new dhx.Form("form_container", {
 
 ### Properties of RadioGroup
 
-View [the full list of configuration properties of the RadioGroup control](form/api/radiogroup/api_radiogroup_properties.md).
+View [the full list of RadioGroup configuration properties](form/api/radiogroup/api_radiogroup_properties.md).
 
 ### Properties of RadioButton
 
-View [the full list of properties](form/api/radiogroup/api_radiogroup_properties.md#radiobutton-properties) that you can provide in the configuration object of a RadioButton of the RadioGroup control.
+View [the full list of properties](form/api/radiogroup/api_radiogroup_properties.md#radiobutton-properties) that you can set for a RadioButton in RadioGroup.
 
 ## Working with RadioGroup
 
-You can manipulate a RadioGroup control by using methods or events of the object returned by the [getItem()](form/api/form_getitem_method.md) method.
+You can manage a RadioGroup control with the methods and events of the object that the [`getItem()`](form/api/form_getitem_method.md) method returns.
 
 For example, you can get the value of the control:
 
@@ -72,8 +72,8 @@ const value = form.getItem("radiogroup").getValue();
 
 ### Methods
 
-Check [the full list of methods of the RadioGroup control](form/api/api_overview.md#radiogroup-methods).
+Check [the full list of RadioGroup methods](form/api/api_overview.md#radiogroup-methods).
 
 ### Events
 
-Check [the full list of events of the RadioGroup control](form/api/api_overview.md#radiogroup-events).
+Check [the full list of RadioGroup events](form/api/api_overview.md#radiogroup-events).
diff --git a/docs/form/select.md b/docs/form/select.md
index fabe81eb..f501fb4c 100644
--- a/docs/form/select.md
+++ b/docs/form/select.md
@@ -6,7 +6,7 @@ description: You can explore the Select of Form in the documentation of the DHTM
 
 # Select
 
-An advanced select box that provides a set of options to choose from.
+An advanced select box with a set of options to choose from.
 
 ![Select form control with an open dropdown list of numeric options in DHTMLX Suite](/img/form/form_select.png)
 
@@ -16,7 +16,7 @@ An advanced select box that provides a set of options to choose from.
 
 ## Adding Select
 
-You can easily add a Select control during initialization of a form:
+You can add a Select control during form initialization:
 
 ~~~js
 const form = new dhx.Form("form_container", {
@@ -53,11 +53,11 @@ const form = new dhx.Form("form_container", {
 
 ### Properties
 
-View [the full list of configuration properties of the Select control](form/api/select/api_select_properties.md).
+View [the full list of Select configuration properties](form/api/select/api_select_properties.md).
 
 ## Working with Select
 
-You can manipulate a Select control by using methods or events of the object returned by the [getItem()](form/api/form_getitem_method.md) method.
+You can manage a Select control with the methods and events of the object that the [`getItem()`](form/api/form_getitem_method.md) method returns.
 
 For example, you can get the value of the control:
 
@@ -67,8 +67,8 @@ const value = form.getItem("select").getValue();
 
 ### Methods
 
-Check [the full list of methods of the Select control](form/api/api_overview.md#select-methods).
+Check [the full list of Select methods](form/api/api_overview.md#select-methods).
 
 ### Events
 
-Check [the full list of events of the Select control](form/api/api_overview.md#select-events).
+Check [the full list of Select events](form/api/api_overview.md#select-events).
diff --git a/docs/form/simplevault.md b/docs/form/simplevault.md
index ec0c3e3c..1d036ee5 100644
--- a/docs/form/simplevault.md
+++ b/docs/form/simplevault.md
@@ -6,7 +6,7 @@ description: You can explore the Simple Vault of Form in the documentation of th
 
 # SimpleVault
 
-A handy control for quick and easy uploading of a file or a set of files.
+A control for uploading a file or a set of files.
 
 ![SimpleVault form control with a drag and drop upload area and an uploaded file in DHTMLX Suite](/img/form/form_simplevault.png)
 
@@ -16,7 +16,7 @@ A handy control for quick and easy uploading of a file or a set of files.
 
 ## Adding SimpleVault
 
-You can easily add a SimpleVault control during initialization of a form:
+You can add a SimpleVault control during form initialization:
 
 ~~~js
 const form = new dhx.Form("form_container", {
@@ -36,38 +36,38 @@ const form = new dhx.Form("form_container", {
 
 ### Properties
 
-View [the full list of configuration properties of the SimpleVault control](form/api/simplevault/api_simplevault_properties.md).
+View [the full list of SimpleVault configuration properties](form/api/simplevault/api_simplevault_properties.md).
 
 ## Working with SimpleVault
 
-You can manipulate a SimpleVault control by using methods or events of the object returned by the [getItem()](form/api/form_getitem_method.md) method.
+You can manage a SimpleVault control with the methods and events of the object that the [`getItem()`](form/api/form_getitem_method.md) method returns.
 
 For example, you can get the value of the control:
 
 ~~~js
-const value = form.getItem("simpleVault").getValue();
+const value = form.getItem("simplevault").getValue();
 ~~~
 
 ### Methods
 
-Check [the full list of methods of the SimpleVault control](form/api/api_overview.md#simple-vault-methods).
+Check [the full list of SimpleVault methods](form/api/api_overview.md#simple-vault-methods).
 
 ### Events
 
-Check [the full list of events of the SimpleVault control](form/api/api_overview.md#simple-vault-events).
+Check [the full list of SimpleVault events](form/api/api_overview.md#simple-vault-events).
 
 ## Using DataCollection API
 
-You can manipulate a SimpleVault control with the help of the [DataCollection API](https://docs.dhtmlx.com/vault/api__refs__data_methods.html).
+You can manage a SimpleVault control with the [DataCollection API](https://docs.dhtmlx.com/vault/api__refs__data_methods.html).
 
-For example, you can remove one or all files from the list. To do that, you need to apply the [remove](https://docs.dhtmlx.com/vault/api__data__remove.html), or [removeAll](https://docs.dhtmlx.com/vault/api__data__removeall.html) method of DataCollection to the object returned by the [getItem()](form/api/form_getitem_method.md) method as follows:
+For example, you can remove one or all files from the list. Apply the [remove](https://docs.dhtmlx.com/vault/api__data__remove.html) or [removeAll](https://docs.dhtmlx.com/vault/api__data__removeall.html) method of DataCollection to the object that the [`getItem()`](form/api/form_getitem_method.md) method returns:
 
 ~~~js
-form.getItem("simpleVault").data.remove("file_id");
+form.getItem("simplevault").data.remove("file_id");
 
-form.getItem("simpleVault").data.removeAll();
+form.getItem("simplevault").data.removeAll();
 ~~~
 
 ## Uploading files
 
-You can read about uploading files into a SimpleVault control in the [related article](https://docs.dhtmlx.com/vault/uploading_files.html).
+You can read about uploading files to a SimpleVault control in the [Vault documentation](https://docs.dhtmlx.com/vault/uploading_files.html).
diff --git a/docs/form/slider.md b/docs/form/slider.md
index 12fa1122..23926365 100644
--- a/docs/form/slider.md
+++ b/docs/form/slider.md
@@ -6,14 +6,15 @@ description: You can explore the Slider of Form in the documentation of the DHTM
 
 # Slider
 
-A control that allows selecting a numeric value by moving a thumb along a line with a fixed set of options.
+A control that allows you to select a numeric value by moving a thumb along a line with a fixed set of options.
 
 ![Slider form control with a thumb and a tooltip showing the selected value 34 in DHTMLX Suite](/img/form/form_slider.png)
 
 **Related sample**: [Form. All controls](https://snippet.dhtmlx.com/ikyyekxq)
 
-##  Adding Slider
-You can easily add a Slider control during initialization of a form:
+## Adding Slider
+
+You can add a Slider control during form initialization:
 
 ~~~js
 const form = new dhx.Form("form_container", {
@@ -32,35 +33,35 @@ const form = new dhx.Form("form_container", {
 
 ### Properties
 
-View [the full list of configuration properties of the Slider control](form/api/slider/api_slider_properties.md).
+View [the full list of Slider configuration properties](form/api/slider/api_slider_properties.md).
 
 ## Working with Slider
 
-You can manipulate a Slider control by using methods or events of the object returned by the [getItem()](form/api/form_getitem_method.md) method.
+You can manage a Slider control with the methods and events of the object that the [`getItem()`](form/api/form_getitem_method.md) method returns.
 
 For example, you can get the value of the control:
 
 ~~~js
-const value = form.getItem("slider_id").getValue();
+const value = form.getItem("slider").getValue();
 ~~~
 
 ### Methods
 
-Check [the full list of methods of the Slider control](form/api/api_overview.md#slider-methods).
+Check [the full list of Slider methods](form/api/api_overview.md#slider-methods).
 
 ### Events
 
-Check [the full list of events of the Slider control](form/api/api_overview.md#slider-events).
+Check [the full list of Slider events](form/api/api_overview.md#slider-events).
 
 ### Working with the dhtmlxSlider widget
 
-There is a possibility to use methods of DHTMLX Slider via the [getWidget()](form/api/slider/slider_getwidget_method.md) method of a Slider control.
+You can use DHTMLX Slider methods with the [`getWidget()`](form/api/slider/slider_getwidget_method.md) method of a Slider control.
 
-For example, you can disable a Slider control. To do this, you need to get the widget attached to the Slider control and then use the [disable()](slider/api/slider_disable_method.md) method of this widget.
+For example, to disable a Slider control, get the widget attached to it and call its [`disable()`](slider/api/slider_disable_method.md) method.
 
 ~~~js
-const slider = form.getItem("slider_id").getWidget();  // -> DHTMLX Slider
+const slider = form.getItem("slider").getWidget();  // -> DHTMLX Slider
 slider.disable(); // disables slider
 ~~~
 
-Check [the full list of methods of the DHTMLX Slider component](slider/api/api_overview.md#methods) which you can apply via the [getWidget()](form/api/slider/slider_getwidget_method.md) method.
\ No newline at end of file
+Check [the full list of DHTMLX Slider methods](slider/api/api_overview.md#methods) that you can apply with the [`getWidget()`](form/api/slider/slider_getwidget_method.md) method.
diff --git a/docs/form/spacer.md b/docs/form/spacer.md
index d16022cb..7e4b9d1a 100644
--- a/docs/form/spacer.md
+++ b/docs/form/spacer.md
@@ -6,13 +6,13 @@ description: You can explore the Spacer of Form in the documentation of the DHTM
 
 # Spacer
 
-This item takes space on the form and is used for aligning controls.
+A control that takes up space in a form to align other controls.
 
 **Related sample**: [Form. All controls](https://snippet.dhtmlx.com/ikyyekxq)
 
 ## Adding Spacer
 
-You can easily add a Spacer control during initialization of a form:
+You can add a Spacer control during form initialization:
 
 ~~~js
 const form = new dhx.Form("form_container", {
@@ -37,22 +37,22 @@ const form = new dhx.Form("form_container", {
 
 ### Properties
 
-View [the full list of configuration properties of the Spacer control](form/api/spacer/api_spacer_properties.md).
+View [the full list of Spacer configuration properties](form/api/spacer/api_spacer_properties.md).
 
 ## Working with Spacer
 
-You can manipulate a Spacer control by using methods or events of the object returned by the [getItem()](form/api/form_getitem_method.md) method.
+You can manage a Spacer control with the methods and events of the object that the [`getItem()`](form/api/form_getitem_method.md) method returns.
 
 For example, you can hide the control:
 
 ~~~js
-const value = form.getItem("spacer").hide();
+form.getItem("spacer").hide();
 ~~~
 
 ### Methods
 
-Check [the full list of methods of the Spacer control](form/api/api_overview.md#spacer-methods).
+Check [the full list of Spacer methods](form/api/api_overview.md#spacer-methods).
 
 ### Events
 
-Check [the full list of events of the Spacer control](form/api/api_overview.md#spacer-events).
+Check [the full list of Spacer events](form/api/api_overview.md#spacer-events).
diff --git a/docs/form/text.md b/docs/form/text.md
index 1347702c..f5480d9f 100644
--- a/docs/form/text.md
+++ b/docs/form/text.md
@@ -6,7 +6,7 @@ description: You can explore the Text of Form in the documentation of the DHTMLX
 
 # Text
 
-A control for adding some text.
+A control for adding text to a form.
 
 ![Text form control displaying a static label and read-only text value in DHTMLX Suite](/img/form/form_text.png)
 
@@ -14,7 +14,7 @@ A control for adding some text.
 
 ## Adding Text
 
-You can easily add a Text control during initialization of a form:
+You can add a Text control during form initialization:
 
 ~~~js
 const form = new dhx.Form("form_container", {
@@ -31,11 +31,11 @@ const form = new dhx.Form("form_container", {
 
 ### Properties
 
-View [the full list of configuration properties of the Text control](form/api/text/api_text_properties.md).
+View [the full list of Text configuration properties](form/api/text/api_text_properties.md).
 
 ## Working with Text
 
-You can manipulate a Text control by using methods or events of the object returned by the [getItem()](form/api/form_getitem_method.md) method.
+You can manage a Text control with the methods and events of the object that the [`getItem()`](form/api/form_getitem_method.md) method returns.
 
 For example, you can get the value of the control:
 
@@ -45,8 +45,8 @@ const value = form.getItem("text").getValue();
 
 ### Methods
 
-Check [the full list of methods of the Text control](form/api/api_overview.md#text-methods).
+Check [the full list of Text methods](form/api/api_overview.md#text-methods).
 
 ### Events
 
-Check [the full list of events of the Text control](form/api/api_overview.md#text-events).
+Check [the full list of Text events](form/api/api_overview.md#text-events).
diff --git a/docs/form/textarea.md b/docs/form/textarea.md
index 248f05a4..3344c10a 100644
--- a/docs/form/textarea.md
+++ b/docs/form/textarea.md
@@ -6,7 +6,7 @@ description: You can explore the Textarea of Form in the documentation of the DH
 
 # Textarea
 
-A control that allows a user to enter a simple multi-line text.
+A control that allows users to enter multi-line text.
 
 ![Textarea form control with a label and a multi-line text value in DHTMLX Suite](/img/form/form_textarea.png)
 
@@ -16,7 +16,7 @@ A control that allows a user to enter a simple multi-line text.
 
 ## Adding Textarea
 
-You can easily add a Textarea control during initialization of a form:
+You can add a Textarea control during form initialization:
 
 ~~~js
 const form = new dhx.Form("form_container", {
@@ -35,11 +35,11 @@ const form = new dhx.Form("form_container", {
 
 ### Properties
 
-View [the full list of configuration properties of the Textarea control](form/api/textarea/api_textarea_properties.md).
+View [the full list of Textarea configuration properties](form/api/textarea/api_textarea_properties.md).
 
 ## Working with Textarea
 
-You can manipulate a Textarea control by using methods or events of the object returned by the [getItem()](form/api/form_getitem_method.md) method.
+You can manage a Textarea control with the methods and events of the object that the [`getItem()`](form/api/form_getitem_method.md) method returns.
 
 For example, you can get the value of the control:
 
@@ -49,8 +49,8 @@ const value = form.getItem("textarea").getValue();
 
 ### Methods
 
-Check [the full list of methods of the Textarea control](form/api/api_overview.md#textarea-methods).
+Check [the full list of Textarea methods](form/api/api_overview.md#textarea-methods).
 
 ### Events
 
-Check [the full list of events of the Textarea control](form/api/api_overview.md#textarea-events).
+Check [the full list of Textarea events](form/api/api_overview.md#textarea-events).
diff --git a/docs/form/timepicker.md b/docs/form/timepicker.md
index ba661651..4a34f5b1 100644
--- a/docs/form/timepicker.md
+++ b/docs/form/timepicker.md
@@ -6,7 +6,7 @@ description: You can explore the TimePicker of Form in the documentation of the
 
 # TimePicker
 
-A control that allows a user to select time value either by moving handles along track bars or by entering hour and minutes values directly into related inputs.
+A control that allows users to select a time value: either move handles along track bars or enter hour and minute values directly in the related inputs.
 
 ![TimePicker form control with hours and minutes slider track bars for selecting time in DHTMLX Suite](/img/form/form_timepicker.png)
 
@@ -16,7 +16,7 @@ A control that allows a user to select time value either by moving handles along
 
 ## Adding TimePicker
 
-You can easily add a TimePicker control during initialization of a form:
+You can add a TimePicker control during form initialization:
 
 ~~~js
 const form = new dhx.Form("form_container", {
@@ -36,11 +36,11 @@ const form = new dhx.Form("form_container", {
 
 ### Properties
 
-View [the full list of configuration properties of the TimePicker control](form/api/timepicker/api_timepicker_properties.md).
+View [the full list of TimePicker configuration properties](form/api/timepicker/api_timepicker_properties.md).
 
 ## Working with TimePicker
 
-You can manipulate a TimePicker control by using methods or events of the object returned by the [getItem()](form/api/form_getitem_method.md) method.
+You can manage a TimePicker control with the methods and events of the object that the [`getItem()`](form/api/form_getitem_method.md) method returns.
 
 For example, you can get the value of the control:
 
@@ -48,19 +48,19 @@ For example, you can get the value of the control:
 const value = form.getItem("timepicker").getValue();
 ~~~
 
-### Methods:
+### Methods
 
-Check [the full list of methods of the Timepicker control](form/api/api_overview.md#timepicker-methods).
+Check [the full list of TimePicker methods](form/api/api_overview.md#timepicker-methods).
 
-### Events:
+### Events
 
-Check [the full list of events of the Timepicker control](form/api/api_overview.md#timepicker-events).
+Check [the full list of TimePicker events](form/api/api_overview.md#timepicker-events).
 
 ### Working with the dhtmlxTimePicker widget
 
-There is a possibility to use methods of DHTMLX TimePicker via the [getWidget()](form/api/timepicker/timepicker_getwidget_method.md) method of a TimePicker control.
+You can use DHTMLX TimePicker methods with the [`getWidget()`](form/api/timepicker/timepicker_getwidget_method.md) method of a TimePicker control.
 
-For example, you can set value for a TimePicker control. To do this, you need to get the widget attached to the TimePicker control and then use the [setValue()](timepicker/api/timepicker_setvalue_method.md) method of this widget.
+For example, to set a value for a TimePicker control, get the widget attached to it and call its [`setValue()`](timepicker/api/timepicker_setvalue_method.md) method.
 
 ~~~js
 const timepicker = form.getItem("timepicker").getWidget();  // -> TimePicker
@@ -69,4 +69,4 @@ timepicker.setValue("00:39"); //set the value as a string
 
 **Related sample**: [Form. Get widget of control](https://snippet.dhtmlx.com/0aqkdsi7)
 
-Check [the full list of methods of the DHTMLX Timepicker component](timepicker/api/api_overview.md#methods) which you can apply via the [getWidget()](form/api/timepicker/timepicker_getwidget_method.md) method.
+Check [the full list of DHTMLX TimePicker methods](timepicker/api/api_overview.md#methods) that you can apply with the [`getWidget()`](form/api/timepicker/timepicker_getwidget_method.md) method.
diff --git a/docs/form/toggle.md b/docs/form/toggle.md
index 6ce9461d..eb92f4f2 100644
--- a/docs/form/toggle.md
+++ b/docs/form/toggle.md
@@ -6,7 +6,7 @@ description: You can explore the Toggle of Form in the documentation of the DHTM
 
 # Toggle
 
-A special button control that changes its state from pressed to the unpressed one when clicked.
+A button control that switches between the pressed and unpressed states when the user clicks it.
 
 ![Toggle button form control shown with an eye icon in pressed and unpressed states in DHTMLX Suite](/img/form/form_toggle.png)
 
@@ -16,7 +16,7 @@ A special button control that changes its state from pressed to the unpressed on
 
 ## Adding Toggle
 
-You can easily add a Toggle control during initialization of a form:
+You can add a Toggle control during form initialization:
 
 ~~~js
 const form = new dhx.Form("form_container", {
@@ -35,11 +35,11 @@ const form = new dhx.Form("form_container", {
 
 ### Properties
 
-View [the full list of configuration properties of the Toggle control](form/api/toggle/api_toggle_properties.md).
+View [the full list of Toggle configuration properties](form/api/toggle/api_toggle_properties.md).
 
 ## Working with Toggle
 
-You can manipulate a Toggle control by using methods or events of the object returned by the [getItem()](form/api/form_getitem_method.md) method.
+You can manage a Toggle control with the methods and events of the object that the [`getItem()`](form/api/form_getitem_method.md) method returns.
 
 For example, you can get the value of the control:
 
@@ -49,8 +49,8 @@ const value = form.getItem("toggle").getValue();
 
 ### Methods
 
-Check [the full list of methods of the Toggle control](form/api/api_overview.md#toggle-methods).
+Check [the full list of Toggle methods](form/api/api_overview.md#toggle-methods).
 
 ### Events
 
-Check [the full list of events of the Toggle control](form/api/api_overview.md#toggle-events).
\ No newline at end of file
+Check [the full list of Toggle events](form/api/api_overview.md#toggle-events).
diff --git a/docs/form/togglegroup.md b/docs/form/togglegroup.md
index 93582166..098343ad 100644
--- a/docs/form/togglegroup.md
+++ b/docs/form/togglegroup.md
@@ -6,7 +6,7 @@ description: You can explore the ToggleGroup of Form in the documentation of the
 
 # ToggleGroup
 
-A control intended for creating groups of toggle buttons.
+A control that groups toggle buttons.
 
 ![ToggleGroup form controls with size buttons and text alignment icon buttons in DHTMLX Suite](/img/form/form_togglegroup.png)
 
@@ -16,13 +16,14 @@ A control intended for creating groups of toggle buttons.
 
 ## Adding ToggleGroup
 
-You can easily add a ToggleGroup control during initialization of a form:
+You can add a ToggleGroup control during form initialization:
 
 ~~~js
 const form = new dhx.Form("form_container", { 
     rows: [
            {
             type: "toggleGroup",
+            name: "togglegroup",
             full: true,
             gap: 4,
             options: [
@@ -46,22 +47,22 @@ const form = new dhx.Form("form_container", {
 
 ### Properties
 
-View [the full list of configuration properties of the ToggleGroup control](form/api/togglegroup/api_togglegroup_properties.md).
+View [the full list of ToggleGroup configuration properties](form/api/togglegroup/api_togglegroup_properties.md).
 
 ## Working with ToggleGroup
 
-You can manipulate a ToggleGroup control by using methods or events of the object returned by the [getItem()](form/api/form_getitem_method.md) method.
+You can manage a ToggleGroup control with the methods and events of the object that the [`getItem()`](form/api/form_getitem_method.md) method returns.
 
-For example, you can hide a control on a page:
+For example, you can hide the control:
 
 ~~~js
-const value = form.getItem("ToggleGroup").hide();
+form.getItem("togglegroup").hide();
 ~~~
 
 ### Methods
 
-Check [the full list of methods of the ToggleGroup control](form/api/api_overview.md#togglegroup-methods).
+Check [the full list of ToggleGroup methods](form/api/api_overview.md#togglegroup-methods).
 
 ### Events
 
-Check [the full list of events of the ToggleGroup control](form/api/api_overview.md#togglegroup-events).
\ No newline at end of file
+Check [the full list of ToggleGroup events](form/api/api_overview.md#togglegroup-events).
diff --git a/docs/form/work_with_form.md b/docs/form/work_with_form.md
index b33648ce..6b8918e1 100644
--- a/docs/form/work_with_form.md
+++ b/docs/form/work_with_form.md
@@ -8,7 +8,7 @@ description: description
 
 ## Getting values of controls
 
-You can get current values/states of Form controls with the help of the [](form/api/form_getvalue_method.md) method. By default, this method returns an object  with names or IDs of controls (if the name attribute is not defined in the config of the control) and their values/states.
+The [](form/api/form_getvalue_method.md) method returns the current values or states of Form controls. The default return value is an object with control names (or ids, if a control has no `name`) and their values or states.
 
 ~~~jsx
 // default functionality
@@ -16,9 +16,9 @@ const state = form.getValue();
 //->{"name":"John Doe","email":"jd@mail.com", "agree":true}
 ~~~
 
-It is also possible to get this information in the form of FormData. For this, you need to pass the following parameter:
+To get this information as FormData, pass the following parameter:
 
-- `asFormData` - (*boolean*) defines whether values of Form controls should be returned as Form Data
+- `asFormData` — (`boolean`) defines whether the method returns control values as FormData
 
 ~~~jsx
 // returning form details as FormData
@@ -29,8 +29,7 @@ const state = form.getValue(true);
 
 ## Setting new values for controls
 
-If you want to set new values or states for Form controls on the fly, there is the [](form/api/form_setvalue_method.md) at your disposal. The method takes as a parameter an object with new values/states of controls. This
-object should contain a set of `key:value` pairs where `key` is either the name of the control or the control's id (if the name attribute is not defined in the config of the control) and `value` is a new value/state of the control:
+To set new values or states for Form controls on the fly, use the [](form/api/form_setvalue_method.md) method. The method takes an object with `key:value` pairs as a parameter, where `key` is the control name (or id, if the control has no `name`) and `value` is the new value or state of the control:
 
 ~~~jsx
 form.setValue({
@@ -44,30 +43,29 @@ form.setValue({
 
 ## Enabling/Disabling a form
 
-To enable a form, use the [enable()](form/api/form_enable_method.md) method:
+To enable a form, use the [`enable()`](form/api/form_enable_method.md) method:
 
 ~~~jsx
 form.enable();
 ~~~
 
-To disable a form, use the [disable()](form/api/form_disable_method.md) method:
+To disable a form, use the [`disable()`](form/api/form_disable_method.md) method:
 
 ~~~jsx
 form.disable();
-// -> true|false
 ~~~
 
 **Related sample**: [Form. Disable/enable](https://snippet.dhtmlx.com/few71nk2)
 
 ## Checking if a form is disabled
 
-To check if a form is disabled, call the [isDisabled()](form/api/form_isdisabled_method.md) method:
+To check if a form is disabled, call the [`isDisabled()`](form/api/form_isdisabled_method.md) method:
 
 ~~~jsx
 form.isDisabled(); // -> true/false
 ~~~
 
-To check whether a form control is disabled, pass either the name of the control or its id (if the name attribute is not defined in the config of the control) as a parameter to the  [isDisabled()](form/api/form_isdisabled_method.md) method:
+To check whether a form control is disabled, pass the control name (or id, if the control has no `name`) to the [`isDisabled()`](form/api/form_isdisabled_method.md) method:
 
 ~~~jsx
 form.isDisabled("input"); // -> returns true/false
@@ -77,13 +75,13 @@ form.isDisabled("input"); // -> returns true/false
 
 ## Hiding/Showing a form
 
-To hide a form, use the [hide()](form/api/form_hide_method.md) method:
+To hide a form, use the [`hide()`](form/api/form_hide_method.md) method:
 
 ~~~jsx
 form.hide();
 ~~~
 
-To show a form, use the [show()](form/api/form_show_method.md) method:
+To show a form, use the [`show()`](form/api/form_show_method.md) method:
 
 ~~~jsx
 form.show();
@@ -93,13 +91,13 @@ form.show();
 
 ## Checking if a form is visible
 
-To check if a form is visible, call the [isVisible()](form/api/form_isvisible_method.md) method:
+To check if a form is visible, call the [`isVisible()`](form/api/form_isvisible_method.md) method:
 
 ~~~jsx
 form.isVisible(); // -> true/false
 ~~~
 
-To check whether a form control is visible, pass either the name of the control or its id (if the name attribute is not defined in the config of the control) as a parameter to the  [isVisible()](form/api/form_isvisible_method.md) method:
+To check whether a form control is visible, pass the control name (or id, if the control has no `name`) to the [`isVisible()`](form/api/form_isvisible_method.md) method:
 
 ~~~jsx
 form.isVisible("input"); // -> returns true/false
@@ -107,21 +105,21 @@ form.isVisible("input"); // -> returns true/false
 
 ## Using input masks
 
-The input masks are used to provide entering of values into the [**Input**](form/input.md) and [**Textarea**](form/textarea.md) Form controls in a predefined way. There are the [`numberMask`](#numbermask) and [`patternMask`](#patternmask) configuration options in the API of the Input and Textarea controls, and the [`getText()`](#getting-the-text-value-of-an-input-or-a-textarea) method in the Input control API which are used for working with input masks.
+Input masks control how users enter values in the [Input](form/input.md) and [Textarea](form/textarea.md) Form controls. To work with input masks, use the [`numberMask`](#numbermask) and [`patternMask`](#patternmask) configuration options and the [`getText()`](#getting-the-text-value-of-an-input-or-a-textarea) method of these controls.
 
 ### numberMask
 
-The `numberMask` property sets an input mask for entering number values into the [**Input**](form/input.md) and [**Textarea**](form/textarea.md) Form controls. It can be set in two ways:
+The `numberMask` property sets an input mask for entering number values in the [Input](form/input.md) and [Textarea](form/textarea.md) Form controls. You can set it in two ways:
 
-- as an *object* with the following properties:
-    - ***prefix*** - renders a text before the resulting value
-    - ***suffix*** - renders a text after the resulting value
-    - ***groupSeparator*** - sets a separator for thousands
-    - ***decSeparator*** - sets a separator for decimals
-    - ***allowNegative*** - allows using negative numbers
-    - ***maxIntLength*** - allows setting the maximal length of the integer value
-    - ***maxDecLength*** - allows setting the maximal length of the decimal value
-    - ***minDecLength*** - allows setting the minimal rendered length of the decimal value
+- As an object with the following properties:
+    - `prefix` — renders text before the resulting value
+    - `suffix` — renders text after the resulting value
+    - `groupSeparator` — sets a separator for thousands
+    - `decSeparator` — sets a separator for decimals
+    - `allowNegative` — allows negative numbers
+    - `maxIntLength` — sets the maximum length of the integer part
+    - `maxDecLength` — sets the maximum length of the decimal part
+    - `minDecLength` — sets the minimum rendered length of the decimal part
 
 For example, the `numberMask` config can be set as the following object:
 
@@ -139,11 +137,11 @@ For example, the `numberMask` config can be set as the following object:
 }
 ~~~
 
-Thus, the value *1000000.0000* is converted into *$1,000,000* by the pattern given above.
+With this config, the value *1000000.0000* becomes *$1,000,000*.
 
 #### Default `numberMask` configs depending on the input type
 
-When the `inputType:"number"` is specified for an input, the resulting number is converted into the *number* type. The default config for this input type is the following:
+When an input has `inputType:"number"`, the resulting value is converted to the `number` type. The default config for this input type is:
 
 ~~~jsx
 {
@@ -156,7 +154,7 @@ When the `inputType:"number"` is specified for an input, the resulting number is
 }
 ~~~
 
-The default config for `inputType: "text"` (the default input type) is the following:
+The default config for `inputType: "text"` (the default input type) is:
 
 ~~~jsx
 {
@@ -167,9 +165,9 @@ The default config for `inputType: "text"` (the default input type) is the follo
 }
 ~~~
 
-When the `inputType:"text"` is specified for an input, the resulting number is converted into the *string* type without a mask, as if it were a number. For example, if the input value is *"$ 1,000,000"*, the value returned by the [`getValue()`](form/api/input/input_getvalue_method.md) method is *"1000000"*.
+When an input has `inputType:"text"`, the resulting number is converted to the `string` type without the mask, as if it were a number. For example, if the input value is *"$ 1,000,000"*, the [`getValue()`](form/api/input/input_getvalue_method.md) method returns *"1000000"*.
 
-- as a *boolean* value the `numberMask` property converts the number value displayed in the input field into one of the predefined templates (depending on the specified `inputType`)
+- As a boolean value, the `numberMask` property converts the number displayed in the input field to one of the predefined templates, depending on the specified `inputType`:
 
 ~~~jsx
 {
@@ -178,19 +176,19 @@ When the `inputType:"text"` is specified for an input, the resulting number is c
 }
 ~~~
 
-For the above example, the value *100000.01* is converted into *100,000.01* by the predefined template of the default `inputType:"text"`, since the input type is not set.
+In the example above, the input type is not set, so the template of the default `inputType:"text"` converts *100000.01* to *100,000.01*.
 
 **Related sample**: [Form. Number mask](https://snippet.dhtmlx.com/51wnauq3)
 
 ### patternMask
 
-The `patternMask` property sets an input mask for entering number and string values into the [**Input**](form/input.md) and [**Textarea**](form/textarea.md) Form controls according to a special pattern. It can be set in two ways - as an object or as a string: 
+The `patternMask` property sets an input mask for entering number and string values in the [Input](form/input.md) and [Textarea](form/textarea.md) Form controls according to a pattern. You can set it in two ways:
 
-- as an *object* the `patternMask` property has the following properties:
-    - **pattern** - (*function* | *string*) allows specifying the necessary mask and change it dynamically, depending on the entered values. Can be set as:
-        - a *function* that takes as a parameter an entered value specified as a string or as a number and returns a string with a pattern mask
-        - a *string* with a pattern mask
-    - **charFormat** - (*object*) optional, allows specifying a regular expression for an optional symbol. It is set as an object with *key:value* pairs, where the *key* is a symbol and the *value* is a regular expression. This property has a predetermined configuration provided below:
+- As an object with the following properties:
+    - `pattern` — (`function | string`) specifies the mask and lets you change it dynamically, depending on the entered values. You can set it as:
+        - a function that takes the entered value (a string or a number) as a parameter and returns a string with a pattern mask
+        - a string with a pattern mask
+    - `charFormat` — (`object`) optional, specifies a regular expression for an optional symbol. Set it as an object with `key:value` pairs, where `key` is a symbol and `value` is a regular expression. The default configuration of this property is:
 
 ~~~jsx
 {
@@ -209,10 +207,10 @@ The `patternMask` property sets an input mask for entering number and string val
 | "*"    | any symbol |
 
 :::note
-The `inputMask` property supports static masks. These are the symbols not specified in the ***charFormat*** and rendered without the possibility of being changed.
+The `patternMask` property supports static masks: symbols that are not specified in `charFormat` render as they are and cannot be changed.
 :::
 
-Here's an example of the `patternMask` property that specifies an input mask pattern for entering a date into an input:
+The following `patternMask` property specifies a mask pattern for entering a date in an input:
 
 ~~~jsx
 {
@@ -229,9 +227,9 @@ Here's an example of the `patternMask` property that specifies an input mask pat
 }
 ~~~
 
-An example of a date according to the pattern mask is *01/01/2001 12:59*.
+A date that matches this mask: *01/01/2001 12:59*.
     
-- as a *string* value the `patternMask` property allows setting a mask as a string using a predefined set of symbols. Here's an example of the `patternMask` property that specifies an input mask pattern for entering an SSN number:
+- As a string, the `patternMask` property sets a mask with a predefined set of symbols. The following `patternMask` property specifies a mask for entering an SSN:
 
 ~~~jsx
 {
@@ -240,17 +238,17 @@ An example of a date according to the pattern mask is *01/01/2001 12:59*.
 }
 ~~~
 
-An example of an SSN number according to the pattern mask is *123-41-1234*.
+An SSN that matches this mask: *123-41-1234*.
 
 **Related sample**: [Form. Pattern mask](https://snippet.dhtmlx.com/gu1ekt1z)
 
 #### Selecting the suitable data format
 
-Depending on the type of the data entered into an input, you can specify different patterns for input masks. Check examples below to learn how to provide a suitable data format:
+You can specify different mask patterns depending on the type of data entered in an input. The examples below show common data formats:
 
-- phone number 
+- Phone number
 
-The phone number format may include a set of numbers, symbols and spaces. You can specify this data format as a string value of the [`patternMask`](#patternmask) property:
+A phone number can include digits, symbols, and spaces. Specify this format as a string value of the [`patternMask`](#patternmask) property:
 
 ~~~jsx
 {
@@ -261,9 +259,9 @@ The phone number format may include a set of numbers, symbols and spaces. You ca
 
 Example: *+9 (123) 123-1234*
 
-- license plate format
+- License plate format
 
-The format for license plate usually contains a combination of letters, numbers and symbols. You can specify this data format as a string value of the [`patternMask`](#patternmask) property:
+A license plate usually combines letters, digits, and symbols. Specify this format as a string value of the [`patternMask`](#patternmask) property:
 
 ~~~jsx
 {
@@ -274,9 +272,9 @@ The format for license plate usually contains a combination of letters, numbers
 
 Example: *9-AAA-999*
 
-- price format
+- Price format
 
-The format for price can be set via the [`numberMask`](#numbermask) property. For example, you can specify a number mask as the following object:
+You can set a price format with the [`numberMask`](#numbermask) property, for example as the following object:
 
 ~~~jsx
  {
@@ -288,13 +286,13 @@ The format for price can be set via the [`numberMask`](#numbermask) property. Fo
 }
 ~~~
 
-Example: *$ 1.000.000*
+Example: *$ 1,000,000*
 
-In the above example the `prefix` property sets the currency sign and the `maxDecLength` property defines that the maximal number of decimal values used in the number is 2.
+In the example above, the `prefix` property sets the currency sign, and the `maxDecLength` property limits the number of decimal places to 2.
 
-- date and time format
+- Date and time format
 
-For a date and time input you can specify the [`patternMask`](#patternmask) property as an object of the following type:
+For a date and time input, specify the [`patternMask`](#patternmask) property as the following object:
 
 ~~~jsx
 patternMask: {
@@ -308,12 +306,12 @@ patternMask: {
 
 Example: *01/01/2001 12:59*
 
-In the above example:
+In the example above:
 
-- the `pattern` property sets a common mask pattern for date and time
-- the `charFormat` property specifies regular expressions for setting hours and minutes:
-    -  `"H": /[0-2]/` - a number from 0 to 2 for setting an hour as `H0`
-    -  `"M": /[0-5]/` - a number from 0 to 5 for setting minutes as `M0`
+- The `pattern` property sets a common mask pattern for date and time
+- The `charFormat` property specifies regular expressions for hours and minutes:
+    - `"H": /[0-2]/` — a digit from 0 to 2 for the hour in `H0`
+    - `"M": /[0-5]/` — a digit from 0 to 5 for the minutes in `M0`
 
 **Related sample**: [Form. Number mask](https://snippet.dhtmlx.com/51wnauq3)
 
@@ -321,8 +319,8 @@ In the above example:
 
 ### Getting the text value of an input or a textarea
 
-When you need to get the value of an input or a textarea with the applied mask, you can use the [`getText()`](form/api/input/input_gettext_method.md) method of the **Input** control or the [`getText()`](form/api/textarea/textarea_gettext_method.md) method of the **Textarea** control.
-It returns the input value of the control as a string. The method is used with the `numberMask` and `patternMask` properties of the control. 
+To get the value of an input or a textarea with the applied mask, use the [`getText()`](form/api/input/input_gettext_method.md) method of the Input control or the [`getText()`](form/api/textarea/textarea_gettext_method.md) method of the Textarea control.
+The method returns the control value as a string and works with the `numberMask` and `patternMask` properties.
 
 ~~~jsx
 const input = form.getItem("input");
@@ -336,11 +334,11 @@ input.getText(); // "1,000.01" with the applied numberMask/patternMask
 
 ## Validating form
 
-In order to validate a form, you should deal with several aspects: required fields, minimal and maximal values, number of allowed characters, and validation rules.
+Form validation covers required fields, minimum and maximum values, the number of allowed characters, and validation rules.
 
 ### Required fields
 
-You can easily specify that an input is obligatory to be treated by a user with the help of the `required` attribute. 
+To make a field required, set the `required` property:
 
 ~~~jsx
 {    
@@ -353,21 +351,21 @@ You can easily specify that an input is obligatory to be treated by a user with
 }
 ~~~
 
-While you've set `required:true` for a field, it gets an asterisk next to its label:
+When you set `required:true` for a field, an asterisk appears next to its label:
 
 ![Form with required Name Email and I am agree fields marked by asterisks in DHTMLX Suite](/img/form/required_fields.png)
 
 **Related sample**: [Form. Required](https://snippet.dhtmlx.com/0pr3var0)
 
-The attribute is applicable to the input fields with the input types: "number", "text", "password".
+The property applies to input fields with the `number`, `text`, and `password` input types.
 
 ### Minimal and maximal values
 
-Starting with v7.0, it is possible to add validation for number values entered in the input field. 
+From v7.0, you can validate number values entered in an input field.
 
 ![Form Age inputs showing green valid value and red invalid value validation messages in DHTMLX Suite](/img/form/value_validate.png)
 
-You just need to specify the minimum and/or maximum values allowed in the input via the `min` and/or `max` attributes.
+Specify the minimum value, the maximum value, or both with the `min` and `max` properties:
 
 ~~~jsx
 {
@@ -381,15 +379,15 @@ You just need to specify the minimum and/or maximum values allowed in the input
 }
 ~~~
 
-The attributes are applicable to the input fields with the input type: "number".
+These properties apply to input fields with the `number` input type.
 
 ### Number of allowed characters
 
-Starting from v7.0, you can easily limit the number of characters entered in an input or textarea field. 
+From v7.0, you can limit the number of characters entered in an input or textarea field.
 
 ![Form Name inputs showing red invalid and green valid character length validation in DHTMLX Suite](/img/form/length_validate.png)
 
-For that, you need to use the `minlength` and (or) `maxlength` attributes that check the length of the given value. Validation is successful if the length is greater than or equal to the `minlength` value and (or) less than or equal to the `maxlength` value.
+Use the `minlength` and `maxlength` properties, which check the length of the value. Validation succeeds if the length is greater than or equal to `minlength` and less than or equal to `maxlength`, whichever of them you set:
 
 ~~~jsx
 {
@@ -402,19 +400,19 @@ For that, you need to use the `minlength` and (or) `maxlength` attributes that c
 }
 ~~~
 
-The attributes are applicable to the input/textarea fields with the input types: "text", "password".
+These properties apply to input and textarea fields with the `text` and `password` input types.
 
 ### Validation rules
 
-To specify the way of validating a particular input/textarea, you can make use of predefined validation rules, they are:
+To define how an input or a textarea is validated, use one of the predefined validation rules:
 
-- "email" - validEmail
-- "integer" - validInteger
-- "numeric" - validNumeric
-- "alphanumeric" - validAplhaNumeric
-- "IPv4" - validIPv4
+- `"email"` — `validEmail`
+- `"integer"` — `validInteger`
+- `"numeric"` — `validNumeric`
+- `"alphanumeric"` — `validAplhaNumeric`
+- `"IPv4"` — `validIPv4`
 
-Set a string with the name of the necessary rule as a value of the `validation` attribute:
+Set the rule name as the value of the `validation` property:
 
 ~~~jsx
 {
@@ -426,7 +424,7 @@ Set a string with the name of the necessary rule as a value of the `validation`
 }
 ~~~
 
-There is also a possibility to specify *a custom validation function* by setting it as a value of the `validation` attribute:
+You can also set a custom validation function as the value of the `validation` property:
 
 ~~~jsx title="Validation for Input control"
 {
@@ -443,7 +441,7 @@ There is also a possibility to specify *a custom validation function* by setting
 **Related sample**: [Form. Validation](https://snippet.dhtmlx.com/3cz9v7rm)
 
 :::info
-If the <b>inputType</b> attribute is set to "number", the **validation** attribute can be set only as a function
+If the `inputType` property is set to `"number"`, you can set the `validation` property only as a function.
 :::
 
 ~~~jsx title="Validation for Combo control. Multi select is enabled"
@@ -486,7 +484,7 @@ If the <b>inputType</b> attribute is set to "number", the **validation** attribu
 
 ### Messages
 
-While specifying validation rules for form fields, you can also provide a set of messages that will notify the end user, whether he/she is filling the form in correctly. There are three types of messages available:
+Along with validation rules, you can define messages that tell users whether they are filling in the form correctly. Three types of messages are available:
 
 <table>
     <tbody>
@@ -505,7 +503,7 @@ While specifying validation rules for form fields, you can also provide a set of
     </tbody>
 </table>
 
-For example, a configuration object for an input with email may look as in:
+For example, the following configuration object defines an email input:
 
 ~~~jsx
 {
@@ -522,20 +520,20 @@ For example, a configuration object for an input with email may look as in:
 
 ### Validation API
 
-After a user has finished filling out the form according to the specified rules, it's high time to check, whether it is done correctly.
-To validate a form, make use of the [](form/api/form_validate_method.md) method:
+After a user fills out the form, check whether it is filled out correctly.
+To validate a form, use the [](form/api/form_validate_method.md) method:
 
 ~~~jsx
 const result = form.validate();
 ~~~
 
-The method should return *true*, if all the fields are filled as required, or *false* if there are fields that require attention.
+The method returns `true` if all fields are filled as required, or `false` if some fields need attention.
 
 **Related sample**: [Form. Validate](https://snippet.dhtmlx.com/pmz0zk16)
 
 ## Sending form to server
 
-To send a form to the server, make use of the [](form/api/form_send_method.md) method. It takes three parameters:
+To send a form to the server, use the [](form/api/form_send_method.md) method. The method takes three parameters:
 
 <table>
     <tbody>
@@ -545,7 +543,7 @@ To send a form to the server, make use of the [](form/api/form_send_method.md) m
         </tr>
         <tr>
             <td><b>method</b></td>
-            <td>(<i>string</i>) the request type, "POST" by default</td>
+            <td>(<i>string</i>) the request type; the default value is "POST"</td>
         </tr>
         <tr>
             <td><b>asFormData</b></td>
@@ -554,13 +552,13 @@ To send a form to the server, make use of the [](form/api/form_send_method.md) m
     </tbody>
 </table>
 
-and returns a promise object.
+The method returns a promise object.
 
 ~~~jsx
 const send = form.send("myserver.com", "POST");
 ~~~
 
-To control the process of a form sending, you can make use of the related events: [](form/api/form_beforesend_event.md) and [](form/api/form_aftersend_event.md):
+To control how the form is sent, handle the [](form/api/form_beforesend_event.md) and [](form/api/form_aftersend_event.md) events:
 
 ~~~jsx
 // fires before sending a form to the server
@@ -576,11 +574,11 @@ form.events.on("AfterSend", function(){
 
 ## Clearing form
 
-The API of DHTMLX Form provides you with flexible ways of clearing a form. There is the [](form/api/form_clear_method.md) method that clears a form either fully or partially, depending on the passed parameter.
+The [](form/api/form_clear_method.md) method clears a form fully or partially, depending on the parameter you pass:
 
-- "value" - clears only form values
-- "validation" - clears form validation
-- without parameters - clears both form values and validation
+- `"value"` — clears only form values
+- `"validation"` — clears only form validation
+- Without parameters — clears both form values and validation
 
 ~~~jsx
 // clears only form validation
@@ -599,7 +597,7 @@ form.clear();
 
 ![Form with various controls and focus set on the Name input field in DHTMLX Suite](/img/form/set_focus.png)
 
-Starting from v7.0, you can set focus to a Form control via the [setFocus()](form/api/form_setfocus_method.md) method. It takes either the name of the control or its id (if the name attribute is not defined in the config of the control) as a parameter:
+From v7.0, you can set focus to a Form control with the [`setFocus()`](form/api/form_setfocus_method.md) method. The method takes the control name (or id, if the control has no `name`) as a parameter:
 
 ~~~jsx
 form.setFocus("input");
@@ -607,4 +605,4 @@ form.setFocus("input");
 
 **Related sample**: [Form. Set focus on control](https://snippet.dhtmlx.com/tye82oqs)
 
-It is possible to set focus to DatePicker, Checkbox, ColorPicker, Combo, Input, RadioGroup, Select, Textarea, TimePicker controls of Form.
+You can set focus to the DatePicker, Checkbox, ColorPicker, Combo, Input, RadioGroup, Select, Textarea, and TimePicker controls.