[update] links to new snippets in the docs for v9.2

mafanya23 · mafanya23 · commit b48253af95cf · 2025-07-01T18:33:26.000+03:00
diff --git a/docs/grid/api/grid_blockselection_config.md b/docs/grid/api/grid_blockselection_config.md
@@ -196,7 +196,7 @@ function blockSelectionHandler({ cell, array, index, grid }) {
 }
 ~~~
 
-**Related sample:** [Grid. BlockSelection. Work with the handle configuration](https://snippet.dhtmlx.com/8kttktiy)
+**Related sample:** [Grid. BlockSelection. Work with the handle configuration](https://snippet.dhtmlx.com/sryiguxu)
 
 **Related articles:** 
 - [Managing block selection in Grid](grid/configuration.md/#managing-block-selection-in-grid)
diff --git a/docs/grid/api/grid_clipboard_config.md b/docs/grid/api/grid_clipboard_config.md
@@ -74,7 +74,7 @@ const grid = new dhx.Grid("grid_container", {
 });
 ~~~
 
-**Related sample**: [Grid. Clipboard. Financial data with formatted copy/paste](https://snippet.dhtmlx.com/1fnkhwm0)
+**Related sample**: [Grid. Clipboard. Custom copy/cut/paste for number and date columns](https://snippet.dhtmlx.com/dfj49xah)
 
 **Related articles:** 
 - [Clipboard](grid/configuration.md/#clipboard)
diff --git a/docs/grid/api/grid_dragpanel_config.md b/docs/grid/api/grid_dragpanel_config.md
@@ -85,7 +85,7 @@ const grid = new dhx.Grid("grid_container", {
 </script>
 ~~~
 
-**Related sample:** [Grid. DragPanel. Initialization](https://snippet.dhtmlx.com/oyk02cr6)
+**Related sample:** [Grid (TreeGrid). DragPanel. Initialization](https://snippet.dhtmlx.com/uevdwjuo)
 
 **Related articles:** 
 - [Adjusting DragPanel module](grid/configuration.md/#adjusting-dragpanel-module)
diff --git a/docs/grid/api/grid_history_config.md b/docs/grid/api/grid_history_config.md
@@ -66,7 +66,7 @@ const grid = new dhx.Grid("grid_container", {
 grid.history.enable(); // enabling the module
 ~~~
 
-**Related sample:** [Grid. History. Configuration](https://snippet.dhtmlx.com/m88562wf)
+**Related sample:** [Grid. History. Configuration](https://snippet.dhtmlx.com/vznpyeit)
 
 **Related articles:** 
 - [History of Grid actions](grid/configuration.md/#history-of-grid-actions)
diff --git a/docs/grid/api/history/afteradd_event.md b/docs/grid/api/history/afteradd_event.md
@@ -35,7 +35,7 @@ grid.history.events.on("afterAdd", (action) => {
 
 @descr:
 
-**Related sample:** [Grid. History. Configuration](https://snippet.dhtmlx.com/m88562wf)
+**Related sample:** [Grid. History. Configuration](https://snippet.dhtmlx.com/vznpyeit)
 
 **Related article**: [Adding/removing Grid history actions](grid/usage_history.md/#addingremoving-grid-history-actions)
 
diff --git a/docs/grid/api/history/afterredo_event.md b/docs/grid/api/history/afterredo_event.md
@@ -35,7 +35,7 @@ grid.history.events.on("afterRedo", (action) => {
 
 @descr:
 
-**Related sample:** [Grid. History. Configuration](https://snippet.dhtmlx.com/m88562wf)
+**Related sample:** [Grid. History. Configuration](https://snippet.dhtmlx.com/vznpyeit)
 
 **Related article**: [Applying undo/redo operations to Grid history actions](grid/usage_history.md/#applying-undoredo-operations-to-grid-history-actions)
 
diff --git a/docs/grid/api/history/afterundo_event.md b/docs/grid/api/history/afterundo_event.md
@@ -35,7 +35,7 @@ grid.history.events.on("afterUndo", (action) => {
 
 @descr:
 
-**Related sample:** [Grid. History. Configuration](https://snippet.dhtmlx.com/m88562wf)
+**Related sample:** [Grid. History. Configuration](https://snippet.dhtmlx.com/vznpyeit)
 
 **Related article**: [Applying undo/redo operations to Grid history actions](grid/usage_history.md/#applying-undoredo-operations-to-grid-history-actions)
 
diff --git a/docs/grid/api/rangeselection/beforesetrange_event.md b/docs/grid/api/rangeselection/beforesetrange_event.md
@@ -58,7 +58,7 @@ grid.range.setRange({ xStart: "b", yStart: "1" }); // setting a new range is can
 **Related API**: [`setRange()`](grid/api/rangeselection/setrange_method.md),
 [`afterSetRange`](grid/api/rangeselection/aftersetrange_event.md)
 
-**Related sample**: [Grid. BlockSelection in the "range" mode. Inventory selection with restricted columns](https://snippet.dhtmlx.com/42fp5qvt)
+**Related sample**: [Grid. BlockSelection in the "range" mode. Selection with restricted columns](https://snippet.dhtmlx.com/42fp5qvt)
 
 @changelog:
 added in v9.2
diff --git a/docs/grid/api/rangeselection/setrange_method.md b/docs/grid/api/rangeselection/setrange_method.md
@@ -91,7 +91,7 @@ console.log(grid.range.getRange()); // -> { xStart: "a", xEnd: "b", yStart: "1",
 **Related API**: [`getRange()`](grid/api/rangeselection/getrange_method.md),
 [`resetRange()`](grid/api/rangeselection/resetrange_method.md)
 
-**Related sample**: [Grid. BlockSelection in the "range" mode. Inventory selection with restricted columns](https://snippet.dhtmlx.com/42fp5qvt)
+**Related sample**: [Grid. BlockSelection in the "range" mode. Selection with restricted columns](https://snippet.dhtmlx.com/42fp5qvt)
 
 @changelog:
 added in v9.2
diff --git a/docs/grid/configuration.md b/docs/grid/configuration.md
@@ -2470,10 +2470,6 @@ If you use the GPL version of DHTMLX Grid (or DHTMLX Suite), you will be able to
 **Note**, to be able to drag-n-drop a column and (or) multiple rows, you need to use PRO version of the DHTMLX Grid (or DHTMLX Suite) package.
 :::
 
-![](../assets/grid/dnd_treegrid_mode.png)
-
-**Related sample**: [Grid. Drag-and-Drop in TreeGrid mode](https://snippet.dhtmlx.com/0tuk0y5f)
-
 ### Drag-n-drop inside the grid
 
 It is possible to reorder a row or column of Grid by drag and drop. To enable the functionality, define the [`dragItem: "both"`](grid/api/grid_dragitem_config.md) property in the configuration object of Grid:
@@ -2599,7 +2595,7 @@ const grid = new dhx.Grid("grid_container", {
 });
 ~~~
 
-**Related sample**: [Grid. DragPanel. Initialization](https://snippet.dhtmlx.com/oyk02cr6)
+**Related sample**: [Grid (TreeGrid). DragPanel. Initialization](https://snippet.dhtmlx.com/uevdwjuo)
 
 The module is also automatically enabled if the [row Drag-and-Drop](#drag-n-drop) functionality is activated 
 (e.g. via the `dragItem: "row"` or `dragItem: "both"` properties) and either the [`BlockSelection`](grid/usage_blockselection.md) or [`Clipboard`](grid/usage_clipboard.md) modules are enabled.
@@ -2853,7 +2849,7 @@ const grid = new dhx.Grid("grid_container", {
 });
 ~~~
 
-**Related sample:** [Grid. BlockSelection in the "range" mode. Inventory selection with restricted columns](https://snippet.dhtmlx.com/42fp5qvt)
+**Related sample:** [Grid. BlockSelection in the "range" mode. Selection with restricted columns](https://snippet.dhtmlx.com/42fp5qvt)
 
 For information on using the Block Selection API, read the [Work with Block Selection module](grid/usage_blockselection.md) guide.
 
@@ -2915,7 +2911,7 @@ const grid = new dhx.Grid("grid_container", {
 });
 ~~~
 
-**Related sample**: [Grid. Clipboard. Financial data with formatted copy/paste](https://snippet.dhtmlx.com/1fnkhwm0)
+**Related sample**: [Grid. Clipboard. Custom copy/cut/paste for number and date columns](https://snippet.dhtmlx.com/dfj49xah)
 
 For information on working with Clipboard, read the [Work with Clipboard module](grid/usage_clipboard.md) guide.
 
@@ -2970,7 +2966,7 @@ const grid = new dhx.Grid("grid_container", {
 grid.history.enable(); // enabling the module
 ~~~
 
-**Related sample:** [Grid. History. Configuration](https://snippet.dhtmlx.com/m88562wf)
+**Related sample:** [Grid. History. Configuration](https://snippet.dhtmlx.com/vznpyeit)
 
 For information on working with the History API, read the [Work with History module](grid/usage_history.md) guide.
 
diff --git a/docs/grid/features.md b/docs/grid/features.md
@@ -135,7 +135,7 @@ In this section you will get to know how to configure the drag-n-drop functional
 | [Drag-n-drop between grids](../configuration/#drag-n-drop-between-grids)           | Learn how to configure drag-n-drop between grids ([Example](https://snippet.dhtmlx.com/qx9a86ax))       |
 | [Drag-n-drop of multiple rows](grid/configuration.md#drag-n-drop-of-multiple-rows) | Learn how to allow end users to drag-n-drop several rows at once                                        |
 | [Copying of rows during drag-n-drop](../api/grid_dragcopy_config/)                 | Learn how to copy a row to a target during drag-n-drop ([Example](https://snippet.dhtmlx.com/23slivyz)) |
-| [Using the DragPanel module](../usage_dragpanel/)           | Learn how to use the DragPanel module that provides additional functionality for moving rows in the Grid ([Example](https://snippet.dhtmlx.com/oyk02cr6)) |
+| [Using the DragPanel module](../usage_dragpanel/)           | Learn how to use the DragPanel module that provides additional functionality for moving rows in the Grid ([Example](https://snippet.dhtmlx.com/uevdwjuo)) |
 
 ## How to render custom statistics in the column header/footer and in the spans
 
@@ -312,7 +312,7 @@ In this section you will get to know how to work with the block selection functi
 
 | Topic                                                                         | Description                                                                                                                                                             |
 | ----------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| [Configuring block selection](../configuration/#managing-block-selection-in-grid) | Learn how to configure the block selection module within Grid ([Example](https://snippet.dhtmlx.com/8kttktiy))             |
+| [Configuring block selection](../configuration/#managing-block-selection-in-grid) | Learn how to configure the block selection module within Grid ([Example](https://snippet.dhtmlx.com/sryiguxu))             |
 | [Working with block selection](../usage_blockselection/)                     | Learn how to enable/disable block selection in Grid, check the main features of the BlockSelection module and explore how it interacts with other modules  |
 | [BlockSelection API](../../category/blockselection-api/)                    | Learn how to use API of the BlockSelection module to manage the block selection within Grid     |
 
@@ -322,7 +322,7 @@ In this section you will get to know how to work with the clipboard functionalit
 
 | Topic                                                                         | Description                                                                                                                                                             |
 | ----------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| [Configuring clipboard](../configuration/#clipboard) | Learn how to configure the Clipboard module within Grid ([Example](https://snippet.dhtmlx.com/1fnkhwm0))   |
+| [Configuring clipboard](../configuration/#clipboard) | Learn how to configure the Clipboard module within Grid ([Example](https://snippet.dhtmlx.com/dfj49xah))   |
 | [Working with clipboard](../usage_clipboard/)        | Learn how to enable the clipboard in Grid, check the main features and explore the peculiarities of using the Clipboard module  |
 | [Clipboard API](../../category/clipboard-events/)       | Learn how to use API of the Clipboard module to manage the clipboard operations within Grid     |
 
@@ -332,7 +332,7 @@ In this section you will get to know how to work with the history of Grid action
 
 | Topic                                                                         | Description                                                                                                                                                             |
 | ----------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| [Configuring history of Grid actions](../configuration/#history-of-grid-actions) | Learn how to configure the History module within Grid ([Example](https://snippet.dhtmlx.com/m88562wf)) |
+| [Configuring history of Grid actions](../configuration/#history-of-grid-actions) | Learn how to configure the History module within Grid ([Example](https://snippet.dhtmlx.com/vznpyeit)) |
 | [Working with history of actions](../usage_history/)        | Learn how to enable the history of actions in Grid, check the main features and explore the peculiarities of using the History module  |
 | [History API](../../category/history-api/)       | Learn how to use API of the History module to manage the history of operations within Grid     |
 
diff --git a/docs/grid/usage_blockselection.md b/docs/grid/usage_blockselection.md
@@ -35,6 +35,8 @@ const grid = new dhx.Grid("grid_container", {
 The `blockSelection` property can also be set as an *object* to enable the module and provide additional configuration options.
 Learn about configuration possibilities of the `BlockSelection` module in the [Configuration](grid/configuration.md/#managing-block-selection-in-grid) guide.
 
+**Related sample:** [Grid. BlockSelection in the "range" mode. Selection with restricted columns](https://snippet.dhtmlx.com/42fp5qvt)
+
 ## Enabling/disabling BlockSelection module
 
 You can activate the block selection module via the [`enable()`](grid/api/blockselection/enable_method.md) method of the `block` object.
@@ -303,7 +305,7 @@ grid.block.events.on("blockSelectionValidate", (cell, handle, event) => {
 grid.range.setRange({ xStart: "b", xEnd: "d", yStart: "4", yEnd: "8" });
 ~~~
 
-**Related sample:** [Grid. BlockSelection in the "range" mode. Inventory selection with restricted columns](https://snippet.dhtmlx.com/42fp5qvt)
+**Related sample:** [Grid. BlockSelection in the "range" mode. Selection with restricted columns](https://snippet.dhtmlx.com/42fp5qvt)
 
 #### Setting custom logic in the manual mode
 
@@ -449,7 +451,7 @@ function blockSelectionHandler({ cell, array, index, grid }) {
 }
 ~~~
 
-**Related sample:** [Grid. BlockSelection. Work with the handle configuration](https://snippet.dhtmlx.com/8kttktiy)
+**Related sample:** [Grid. BlockSelection. Work with the handle configuration](https://snippet.dhtmlx.com/sryiguxu)
 
 #### Selection styling
 
@@ -491,4 +493,4 @@ This example demonstrates how to customize the appearance of the selected range
 </style>
 ~~~
 
-**Related sample:** [Grid. BlockSelection. Stylization of the area](https://snippet.dhtmlx.com/qr5xyqpu)
+**Related sample:** [Grid. BlockSelection. Styling (custom CSS)](https://snippet.dhtmlx.com/4k3x4bfm)
diff --git a/docs/grid/usage_clipboard.md b/docs/grid/usage_clipboard.md
@@ -35,6 +35,8 @@ const grid = new dhx.Grid("grid_container", {
 });
 ~~~
 
+**Related sample**: [Grid. Clipboard with notifications (messages)](https://snippet.dhtmlx.com/2nar7ocd)
+
 The `clipboard` property can be set as an *object* to enable the module and define the [modifier functions](#using-formatter-functions) for data processing: `copyModifier`, `cutModifier` and `pasteModifier`. Check the details below.
 
 ## Using events of the Clipboard object
@@ -68,14 +70,14 @@ The `cut`/`paste` operations will be blocked in the [*grouping*](grid/usage.md/#
 
 The `Clipboard` module enables data exchange between multiple `dhx.Grid` instances or with external applications like Google Spreadsheets, Microsoft Excel, or similar widgets. Data is copied to the clipboard in a text format with tab separators (`\t`) between columns and newlines (`\n`) between rows, matching the standard table format.
 
-**Related sample**: [Grid. Clipboard. Employee data transfer between Grids](https://snippet.dhtmlx.com/z2i033yq)
+**Related sample**: [Grid. Clipboard. Copy/сut/paste between grids with validation](https://snippet.dhtmlx.com/q1wj772g)
+
+**Related sample**: [Grid. Clipboard between Grid and Spreadsheet](https://snippet.dhtmlx.com/hx69j42h)
 
 ### Integration with Google Spreadsheets
 
 Data from a grid can be copied to the clipboard and pasted directly into Google Spreadsheets. Similarly, data from Google Spreadsheets can be copied and pasted into the grid. Use [`pasteModifier`](#using-formatter-functions) to process data formats (e.g., converting strings to numbers).
 
-**Related sample**: [Grid. Clipboard. Clipboard operations between Grid and Spreadsheet](https://snippet.dhtmlx.com/mfmvbbda)
-
 ### Pasting from clipboard
 
 Data from the clipboard is pasted into the range defined by `rangeSelection`. The behavior depends on the size of the selected range and the number of copied elements:
@@ -140,6 +142,8 @@ const grid = new dhx.Grid("grid_container", {
 });
 ~~~
 
+**Related sample**: [Grid. Clipboard between two Grids with modifiers](https://snippet.dhtmlx.com/h3hxcpog)
+
 These functions provide flexible control over how data is processed before copying, cutting, or pasting, which is particularly useful in the scenarios described below.
 
 ### Why formatters are needed
@@ -228,5 +232,5 @@ copyModifier: (value, cell, cut) => {
 }
 ~~~
 
-**Related sample**: [Grid. Clipboard. Financial data with formatted copy/paste](https://snippet.dhtmlx.com/1fnkhwm0)
+**Related sample**: [Grid. Clipboard. Custom copy/cut/paste for number and date columns](https://snippet.dhtmlx.com/dfj49xah)
 
diff --git a/docs/grid/usage_dragpanel.md b/docs/grid/usage_dragpanel.md
@@ -14,8 +14,6 @@ The `DragPanel` module provides auxiliary functionality for moving rows in the *
 
 ![](../assets/grid/dragpanel_module.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. 
 
 You can also adjust the appearance and behavior of the `DragPanel` module via the [configuration options](grid/configuration.md/#adjusting-the-dragpanel-module).
@@ -44,6 +42,8 @@ const grid = new dhx.Grid("grid_container", {
 });
 ~~~
 
+**Related sample**: [Grid (TreeGrid). DragPanel. Initialization](https://snippet.dhtmlx.com/uevdwjuo)
+
 The `dragPanel` property can also be set as an *object* to enable the module and provide additional configuration options.
 Learn about configuration possibilities of the drag panel in the [Configuration](grid/configuration.md/#adjusting-the-dragpanel-module) guide.
 
diff --git a/docs/grid/usage_history.md b/docs/grid/usage_history.md
@@ -33,6 +33,8 @@ const grid = new dhx.Grid("grid_container", {
 The `history` property can also be set as an *object* to enable the module and provide additional configuration options.
 Learn about configuration possibilities of the `History` module in the [Configuration](grid/configuration.md/#history-of-grid-actions) guide.
 
+**Related sample:** [Grid. History. Configuration](https://snippet.dhtmlx.com/vznpyeit)
+
 ## Enabling/disabling History module
 
 You can activate the history module via the [`enable()`](grid/api/history/enable_method.md) method of the `history` object. The following example shows how the module is enabled after deactivation on initialization:
@@ -176,6 +178,8 @@ const history = grid.history.getHistory();
 console.log(history.length); // ->1
 ~~~
 
+**Related sample:** [Grid. History. Adding a custom action](https://snippet.dhtmlx.com/i9rm4vsd)
+
 To make the process of adding new actions into the Grid history more flexible, you can apply the related events of the `history` object: 
 - [`beforeAdd`](grid/api/history/beforeadd_event.md)
 - [`afterAdd`](grid/api/history/afteradd_event.md)
@@ -442,7 +446,7 @@ The actions not related to the UI (e.g., programmatic changes via `grid.data`) a
 
 If the `limit` parameter is set in the [configuration of the `History` module](grid/api/grid_history_config.md), the history is limited to the specified number of actions. When the limit is exceeded, the oldest actions are automatically removed.
 
-**Related sample:** [Grid. History. Configuration](https://snippet.dhtmlx.com/m88562wf)
+**Related sample:** [Grid. History. Configuration](https://snippet.dhtmlx.com/vznpyeit)
 
 ## Module disabling
 
diff --git a/docs/grid/usage_rangeselection.md b/docs/grid/usage_rangeselection.md
@@ -169,7 +169,7 @@ To make the process of selecting a range more flexible, you can apply the relate
 - [`afterSetRange`](grid/api/rangeselection/aftersetrange_event.md)
 - [`beforeSetRange`](grid/api/rangeselection/beforesetrange_event.md)
 
-**Related sample**: [Grid. BlockSelection in the "range" mode. Inventory selection with restricted columns](https://snippet.dhtmlx.com/42fp5qvt)
+**Related sample**: [Grid. BlockSelection in the "range" mode. Selection with restricted columns](https://snippet.dhtmlx.com/42fp5qvt)
 
 ## Resetting the range selection
 
diff --git a/docs/whatsnew.md b/docs/whatsnew.md

Original file line number	Diff line number	Diff line change
`@@ -196,7 +196,7 @@ function blockSelectionHandler({ cell, array, index, grid }) {`
`196`	`196`	`}`
`197`	`197`	`~~~`
`198`	`198`
`199`		`-Related sample: [Grid. BlockSelection. Work with the handle configuration](https://snippet.dhtmlx.com/8kttktiy)`
	`199`	`+Related sample: [Grid. BlockSelection. Work with the handle configuration](https://snippet.dhtmlx.com/sryiguxu)`
`200`	`200`
`201`	`201`	`Related articles:`
`202`	`202`	`- [Managing block selection in Grid](grid/configuration.md/#managing-block-selection-in-grid)`