[update] what's new for v9.2 and the dragpanel module guides

Author: mafanya23

docs/assets/grid/drag_panel.png

@@ -39,5 +39,7 @@ grid.events.on("dragPanelItemClick", (id, event) => {
 
 @descr:
 
+**Related article**: [Work with DragPanel module](grid/usage_dragpanel.md)
+
 @changelog:
 added in v9.2

docs/grid/api/dragpanel/dragpanelitemclick_event.md

@@ -39,5 +39,7 @@ grid.events.on("dragPanelItemMouseDown", (id, event) => {
 
 @descr:
 
+**Related article**: [Work with DragPanel module](grid/usage_dragpanel.md)
+
 @changelog:
 added in v9.2

docs/grid/api/dragpanel/dragpanelitemmousedown_event.md

@@ -2181,15 +2181,17 @@ const grid = new dhx.Grid("grid", {
 });
 ~~~
 
-### Using the DragPanel module
+### Adjusting the DragPanel module
 
 :::tip Pro version only 
 This functionality requires PRO version of the DHTMLX Grid (or DHTMLX Suite) package.
 :::
 
-The [`DragPanel`](grid/usage_dragpanel.md) module allows configuring the drag-n-drop functionality in Grid. It provides settings for adjusting the appearance of the drag panel that appears when the drag-n-drop functionality is activated. 
+The [`DragPanel`](grid/usage_dragpanel.md) module allows configuring the drag-n-drop functionality in Grid. It provides settings for adjusting the look and feel of the drag panel that appears when the drag-n-drop functionality is activated. Check the details below.
 
-To initialize the `DragPanel` module, enable the [`dragPanel`](grid/api/grid_dragpanel_config.md) property in the Grid configuration. 
+![](../assets/grid/drag_panel.png)
+
+To initialize the `DragPanel` module, you should enable the [`dragPanel`](grid/api/grid_dragpanel_config.md) property in the Grid configuration together with the [row Drag-and-Drop](#drag-n-drop) functionality (e.g. via the `dragItem: "row"` or `dragItem: "both"` properties). For example:
 
 ~~~jsx
 const grid = new dhx.Grid("grid_container", {
@@ -2206,9 +2208,11 @@ const grid = new dhx.Grid("grid_container", {
 });
 ~~~
 
-The module is automatically enabled if the [row Drag-and-Drop](grid/configuration.md/#drag-n-drop) is active (e.g., `dragItem: "row"` or `dragItem: "both"`) and either the [`BlockSelection`](grid/usage_blockselection.md) or [`Clipboard`](grid/usage_clipboard.md) modules are enabled.
+**Related sample**: [Grid. DragPanel. Initialization](https://snippet.dhtmlx.com/oyk02cr6)
+
+The module is automatically enabled if the [row Drag-and-Drop](#drag-n-drop) is activated (e.g., via `dragItem: "row"` or `dragItem: "both"`) and either the [`BlockSelection`](grid/usage_blockselection.md) or [`Clipboard`](grid/usage_clipboard.md) modules are enabled.
 
-This example demonstrates enabling the `DragPanel` module with row Drag-and-Drop and the `BlockSelection` module:
+The following example demonstrates enabling the `DragPanel` module with row Drag-and-Drop and the `BlockSelection` module:
 
 ~~~jsx
 const grid = new dhx.Grid("grid_container", {
@@ -2225,10 +2229,7 @@ const grid = new dhx.Grid("grid_container", {
 });
 ~~~
 
-The `dragPanel` property can be set in two ways:
-
-- as a *boolean* value it enables or disables the range selection module upon the component initialization
-- as an *object* it enables the module and allows setting additional configuration options during the component initialization. The following options are available:
+You can specify additional configuration options for the `DragPanel` module while initializing the component. For this, you need to set the `dragPanel` property as an object. The following options are available:
     - `css` - specifies a custom CSS class for styling the drag panel
     - `icon` - defines a custom icon for the drag handle
     - `width` - sets the width of the drag panel in pixels

docs/grid/configuration.md

@@ -10,16 +10,22 @@ description: You can explore how to work with DragPanel module of Grid in the do
 This functionality requires PRO version of the DHTMLX Grid (or DHTMLX Suite) package.
 :::
 
-The `DragPanel` module provides auxiliary functionality for moving rows in the dhx.Grid component. It is automatically activated when the [Drag-and-Drop functionality](grid/configuration.md/#drag-n-drop) for rows is enabled (e.g., via `dragItem: "both"`) and conflicting configurations, such as the [`BlockSelection`](grid/usage_blockselection.md) or [`Clipboard`](grid/usage_clipboard.md) modules, are used. 
+The `DragPanel` module provides auxiliary functionality for moving rows in the **dhx.Grid** component. 
 
-The module supports customization through configuration options to adjust its appearance and behavior.
+![](../assets/grid/drag_panel.png)
+
+**Related sample**: [Grid. DragPanel. Initialization](https://snippet.dhtmlx.com/oyk02cr6)
+
+The module is automatically activated when the [Drag-and-Drop functionality](grid/configuration.md/#drag-n-drop) for rows is enabled and conflicting configurations, such as the [`BlockSelection`](grid/usage_blockselection.md) or [`Clipboard`](grid/usage_clipboard.md) modules, are used. 
+
+The module also supports customization through [configuration options](grid/configuration.md/#adjusting-the-dragpanel-module) to adjust its appearance and behavior.
 
 ## Initializing the DragPanel module
 
-The `DragPanel` module is initialized via the [`dragPanel`](grid/api/grid_dragpanel_config.md) property in the configuration of the dhx.Grid component. The module is also automatically activated if:
+The `DragPanel` module is initialized via the [`dragPanel`](grid/api/grid_dragpanel_config.md) property in the configuration of the **dhx.Grid** component. The module is also automatically activated if:
 
-- The row Drag-and-Drop is enabled via `dragItem: "row"` or `dragItem: "both"`
-- The [`BlockSelection`](grid/usage_blockselection.md) or [`Clipboard`](grid/usage_clipboard.md) are enabled
+- The row Drag-and-Drop is enabled, e.g. via `dragItem: "row"` or `dragItem: "both"`
+- The [`BlockSelection`](grid/usage_blockselection.md) or [`Clipboard`](grid/usage_clipboard.md) modules are enabled
 
 ~~~jsx
 const grid = new dhx.Grid("grid_container", {
@@ -38,7 +44,7 @@ const grid = new dhx.Grid("grid_container", {
 });
 ~~~
 
-Learn about configuration possibilities of the drag panel in the [Configuration](grid/configuration.md/#using-the-dragpanel-module) guide.
+Learn about configuration possibilities of the drag panel in the [Configuration](grid/configuration.md/#adjusting-the-dragpanel-module) guide.
 
 ## Using the events of the DragPanel module
 

docs/grid/usage_dragpanel.md

@@ -27,20 +27,19 @@ Released on June X, 2025
 - Grid. The [`Clipboard` module](grid/usage_clipboard.md) is added to provide functionality for interacting with the clipboard in Grid (PRO version)
     - new Grid configuration property: [`clipboard`](grid/api/grid_clipboard_config.md)
     - new events of the `clipboard` object: [`afterCopy`](grid/api/clipboard/aftercopy_event.md), [`afterPaste`](grid/api/clipboard/afterpaste_event.md), [`beforeCopy`](grid/api/clipboard/beforecopy_event.md), [`beforePaste`](grid/api/clipboard/beforepaste_event.md), [`copyError`](grid/api/clipboard/copyerror_event.md), [`pasteError`](grid/api/clipboard/pasteerror_event.md)
-- Grid. The [`DragPanel` module](grid/usage_dragpanel.md) is added to provide auxiliary functionality for moving rows in Grid (PRO version)
+- Grid. The [`DragPanel` module](grid/usage_dragpanel.md) is added to provide auxiliary functionality for moving rows in Grid and improve the drag-n-drop visualization (PRO version)
 	- new Grid configuration property: [`dragPanel`](grid/api/grid_dragpanel_config.md)
 	- new events: [`dragPanelItemClick`](grid/api/dragpanel/dragpanelitemclick_event.md), [`dragPanelItemMouseDown`](grid/api/dragpanel/dragpanelitemmousedown_event.md)
 - Grid. The [`History` module](grid/usage_history.md) is added to provide functionality for managing the history of actions in Grid, including the [Undo/Redo functionality](grid/usage_history.md/#applying-undoredo-operations-to-grid-history-actions) (PRO version)
 	- new Grid configuration property: [`history`](grid/api/grid_history_config.md)
 	- new methods of the `history` object: [`add()`](grid/api/history/add_method.md), [`canRedo()`](grid/api/history/canredo_method.md), [`canUndo()`](grid/api/history/canundo_method.md), [`disable()`](grid/api/history/disable_method.md), [`enable()`](grid/api/history/enable_method.md), [`isDisabled()`](grid/api/history/isdisabled_method.md), [`getHistory()`](grid/api/history/gethistory_method.md), [`redo()`](grid/api/history/redo_method.md), [`remove()`](grid/api/history/remove_method.md), [`removeAll()`](grid/api/history/removeall_method.md), [`undo()`](grid/api/history/undo_method.md)
 	- new events of the `history` object: [`afterAdd`](grid/api/history/afteradd_event.md), [`afterRedo`](grid/api/history/afterredo_event.md), [`afterUndo`](grid/api/history/afterundo_event.md), [`beforeAdd`](grid/api/history/beforeadd_event.md), [`beforeRedo`](grid/api/history/beforeredo_event.md), [`beforeUndo`](grid/api/history/beforeundo_event.md), [`error`](grid/api/history/error_event.md)
+- Grid. The [`isSelected()`](grid/api/selection/selection_isselectedcell_method.md) method is added for the [`Selection` module](grid/usage_selection.md) to check whether the specified cell is selected
 
 ### Updates
 
-- Context Menu. The `navigationType:"click"` is added
-- Grid. The logic and appearance of the drag-n-drop functionality is improved (the `DropManager` module is added)
-- Grid. The [`isSelected()`](grid/api/selection/selection_isselectedcell_method.md) method is added for the [`Selection` module](grid/usage_selection.md) to check whether the specified cell is selected
-- Grid. Updating / improving the export to Excel module
+- Grid. The logic and appearance of the drag-n-drop functionality is improved 
+- Grid. Improving the export to Excel module
 - Grid. The possibility to clear data while editing a cell by using the `Delete` shortcut key is added
 
 ### Fixes