Merge pull request #19 from DHTMLX/next

mafanya23 · web-flow · commit 2a23c0dbb386 · 2024-10-28T14:02:17.000+03:00
[update] links to snippets at components' overview pages
diff --git a/docs/calendar/index.md b/docs/calendar/index.md
@@ -6,7 +6,7 @@ description: You can have an overview of Calendar in the documentation of the DH
 
 # Calendar overview
 
-DHTMLX Calendar is a component that allows users to view and select dates. You can create calendar in one of 4 modes: days, months, years, or as a timepicker. This component is a great date picker solution for your website or application. Check [online samples for DHTMLX Calendar](https://snippet.dhtmlx.com/all?tag=calendar).  
+DHTMLX Calendar is a component that allows users to view and select dates. You can create calendar in one of 4 modes: days, months, years, or as a timepicker. This component is a great date picker solution for your website or application. Check [online samples for DHTMLX Calendar](https://snippet.dhtmlx.com/jkbfb202?tag=calendar).  
 
 ![DHTMLX Calendar](../assets/calendar/calendar_front.png)
 
@@ -24,7 +24,7 @@ You can check the following page to learn how to build a full-featured DHTMLX Ca
 
 - To get just DHTMLX Calendar, download it from [our website](https://dhtmlx.com/docs/products/dhtmlxCalendar/download.shtml)
 - To get the whole JavaScript library of UI components [download DHTMLX Suite](https://dhtmlx.com/docs/products/dhtmlxSuite/download.shtml)
-- There are also [online samples for DHTMLX Calendar](https://snippet.dhtmlx.com/all?tag=calendar)  
+- There are also [online samples for DHTMLX Calendar](https://snippet.dhtmlx.com/jkbfb202?tag=calendar)  
   
 ## Guides
 
diff --git a/docs/chart/index.md b/docs/chart/index.md
@@ -8,7 +8,7 @@ description: You can have an overview of Chart in the documentation of the DHTML
 
 DHTMLX Chart is a great tool for creating powerful charts for web applications. It provides a wide variety of chart types, the possibility to render several data properties on the same chart and adding tooltips, 
 both 2D and 3D presentation, different variants of data loading, and a whole kit of configuration settings for all elements of a chart interface. 
-Check [online samples for DHTMLX Chart](https://snippet.dhtmlx.com/all?tag=chart). 
+Check [online samples for DHTMLX Chart](https://snippet.dhtmlx.com/bo82km4n?tag=chart). 
 
 ![](../assets/chart/line_overview.png)
 
@@ -26,7 +26,7 @@ You can check the following page to learn how to build a full-featured DHTMLX Ch
 
 - To get just DHTMLX Chart, download it from [our website](https://dhtmlx.com/docs/products/dhtmlxChart/download.shtml)
 - To get the whole JavaScript library of UI components [download DHTMLX Suite](https://dhtmlx.com/docs/products/dhtmlxSuite/download.shtml)
-- There are also [online samples for DHTMLX Chart](https://snippet.dhtmlx.com/all?tag=chart)
+- There are also [online samples for DHTMLX Chart](https://snippet.dhtmlx.com/bo82km4n?tag=chart)
 - To work with data of Chart check [DataCollection API](data_collection.md)
 
 ## Guides
diff --git a/docs/colorpicker/index.md b/docs/colorpicker/index.md
@@ -9,7 +9,7 @@ description: You can have an overview of Colorpicker in the documentation of the
 DHTMLX Colorpicker is a smart component for selecting colors that can be used both as an inline control and as a popup dialog box. 
 It possesses easy-to-configure interface that can be simply localized and customized depending on the need of the project and complete API for handy control over the behavior of the component. 
 
-Check [online samples for DHTMLX Colorpicker](https://snippet.dhtmlx.com/all?tag=colorpicker).
+Check [online samples for DHTMLX Colorpicker](https://snippet.dhtmlx.com/097jjhb8?tag=colorpicker).
 
 ![DHTMLX Colorpicker](../assets/colorpicker/colorpicker_front.png)
 
@@ -26,7 +26,7 @@ You can check the following page to learn how to build a full-featured DHTMLX Co
 ## Related resources
 
 - You can get DHTMLX Colorpicker 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 Colorpicker](https://snippet.dhtmlx.com/all?tag=colorpicker)  
+- There are also [online samples for DHTMLX Colorpicker](https://snippet.dhtmlx.com/097jjhb8?tag=colorpicker)  
 
 ## Guides
 
diff --git a/docs/combobox/index.md b/docs/combobox/index.md
@@ -8,7 +8,7 @@ description: You can have an overview of Combo Box in the documentation of the D
 
 DHTMLX ComboBox is an advanced select box that provides the ability to show suggestions while a user is entering text in the input. The component allows you to set custom filtering rules and specify templates of 
 displaying options in the list. Among other nice features there are tuning of the list of options and Combo Box input, selection of multiple options and data loading on request.
-Check [online samples for DHTMLX ComboBox](https://snippet.dhtmlx.com/all?tag=combobox).
+Check [online samples for DHTMLX ComboBox](https://snippet.dhtmlx.com/ui7pi7ty?tag=combobox).
 
 ![](../assets/combo/combo_front.png)
 
@@ -25,7 +25,7 @@ You can check the following page to learn how to build a full-featured DHTMLX Co
 ## Related resources
 
 - You can get DHTMLX ComboBox 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 ComboBox](https://snippet.dhtmlx.com/all?tag=combobox)
+- There are also [online samples for DHTMLX ComboBox](https://snippet.dhtmlx.com/ui7pi7ty?tag=combobox)
 - To work with data of ComboBox check [DataCollection API](data_collection.md)
 
 ## Guides
diff --git a/docs/dataview/index.md b/docs/dataview/index.md
@@ -8,7 +8,7 @@ description: You can have an overview of DataView in the documentation of the DH
 
 DHTMLX DataView allows rendering a collection of objects according to a specified template. It will help you to organize data by arranging various objects with similar properties within a common container.
 This component is especially useful, if you're creating an online store or an image gallery, or just want to display a number of similar objects on a page.
-Check [online samples for DHTMLX DataView](https://snippet.dhtmlx.com/all?tag=dataview). 
+Check [online samples for DHTMLX DataView](https://snippet.dhtmlx.com/j1yv94o8?tag=dataview). 
 
 ![](../assets/dataview/dataview_front.png)
 
@@ -25,7 +25,7 @@ You can check the following page to learn how to build a full-featured DHTMLX Da
 ## Related resources
 
 - You can get DHTMLX DataView 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 DataView](https://snippet.dhtmlx.com/all?tag=dataview)
+- There are also [online samples for DHTMLX DataView](https://snippet.dhtmlx.com/j1yv94o8?tag=dataview)
 - To work with data of DataView check [DataCollection API](data_collection.md)
 
 ## Guides
diff --git a/docs/form/index.md b/docs/form/index.md
@@ -7,7 +7,7 @@ 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/all?tag=form). 
+Check [online samples for DHTMLX Form](https://snippet.dhtmlx.com/ikyyekxq?tag=form). 
 
 ![](../assets/form/form_front.png)
 
@@ -24,7 +24,7 @@ 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/all?tag=form)  
+- There are also [online samples for DHTMLX Form](https://snippet.dhtmlx.com/ikyyekxq?tag=form)  
 
 ## Guides
 
diff --git a/docs/grid/index.md b/docs/grid/index.md
@@ -8,7 +8,7 @@ description: descriYou can have an overview of Grid in the documentation of the
 
 DHTMLX Grid is a flexible, smart, and easy-to-use JavaScript component which allows creating tables with fixed multi-line headers and footers, sortable columns, built-in filtering, and other useful features. DHTMLX Grid provides great possibilities for customizing its look and feel. Complete JavaScript API is provided to help users save time on configuring.
 
-Check [online samples for DHTMLX Grid](https://snippet.dhtmlx.com/all?tag=grid).  
+Check [online samples for DHTMLX Grid](https://snippet.dhtmlx.com/1mxmshax?tag=grid).  
 
 ![](../assets/grid/grid_front.png)
 
@@ -26,7 +26,7 @@ You can check the following page to learn how to build a full-featured DHTMLX Gr
 
 - To get just DHTMLX Grid, download it from [our website](https://dhtmlx.com/docs/products/dhtmlxGrid/download.shtml)
 - To get the whole JavaScript library of UI components [download DHTMLX Suite](https://dhtmlx.com/docs/products/dhtmlxSuite/download.shtml)
-- There are also [online samples for DHTMLX Grid](https://snippet.dhtmlx.com/all?tag=grid)
+- There are also [online samples for DHTMLX Grid](https://snippet.dhtmlx.com/1mxmshax?tag=grid)
 - To work with data of Grid check [DataCollection API](data_collection.md)
 
 ## Guides
diff --git a/docs/layout/index.md b/docs/layout/index.md
@@ -7,7 +7,7 @@ description: You can have an overview of Layout in the documentation of the DHTM
 # Layout overview
 
 DHTMLX Layout component lets you specify the main scheme of your application or web page, as it defines the arrangement of blocks with content. Layout helps blend diverse types of data representation on one page.<br/>
-Check [online samples for DHTMLX Layout](https://snippet.dhtmlx.com/all?tag=layout).
+Check [online samples for DHTMLX Layout](https://snippet.dhtmlx.com/f1f49n35?tag=layout).
 
 ![](../assets/layout/layout.png)
 
@@ -24,7 +24,7 @@ You can check the following page to learn how to build a full-featured DHTMLX La
 ## Related resources
 
 - You can get DHTMLX Layout 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 Layout](https://snippet.dhtmlx.com/all?tag=layout)  
+- There are also [online samples for DHTMLX Layout](https://snippet.dhtmlx.com/f1f49n35?tag=layout)  
 
 ## Guides
 
diff --git a/docs/list/index.md b/docs/list/index.md
@@ -7,7 +7,7 @@ description: You can have an overview of List in the documentation of the DHTMLX
 # List overview
 
 DHTMLX List is a client-side JavaScript component that displays a collection of objects in a list according to a user-defined template.
-It allows you to arrange multiple objects with similar properties within a single container and make your data organized. Check [online samples for DHTMLX List](https://snippet.dhtmlx.com/all?tag=list). 
+It allows you to arrange multiple objects with similar properties within a single container and make your data organized. Check [online samples for DHTMLX List](https://snippet.dhtmlx.com/0sorkczm?tag=list). 
 
 ![](../assets/list/list_front.png)
 
@@ -24,7 +24,7 @@ You can check the following page to learn how to build a full-featured DHTMLX Li
 ## Related resources
 
 - You can get DHTMLX List 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 List](https://snippet.dhtmlx.com/all?tag=list)
+- There are also [online samples for DHTMLX List](https://snippet.dhtmlx.com/0sorkczm?tag=list)
 - To work with data of List check [DataCollection API](data_collection.md)
 
 ## Guides
diff --git a/docs/menu/index.md b/docs/menu/index.md
@@ -6,7 +6,7 @@ description: You can have an overview of Menu in the documentation of the DHTMLX
 
 # Menu overview
 
-DHTMLX Menu is a component that provides an easy way to add a drop down menu to user's projects. This component is highly customizable and supports a wide range of features. DHTMLX Menu component can be a good navigation aid to web sites, help systems, etc. Check [online samples for DHTMLX Menu](https://snippet.dhtmlx.com/all?tag=menu).
+DHTMLX Menu is a component that provides an easy way to add a drop down menu to user's projects. This component is highly customizable and supports a wide range of features. DHTMLX Menu component can be a good navigation aid to web sites, help systems, etc. Check [online samples for DHTMLX Menu](https://snippet.dhtmlx.com/nk65jfmx?tag=menu).
 
 ![](../assets/menu/menu_front.png)
 
@@ -23,7 +23,7 @@ You can check the following page to learn how to build a full-featured DHTMLX Me
 ## Related resources
 
 - You can get DHTMLX Menu 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 Menu](https://snippet.dhtmlx.com/all?tag=menu)
+- There are also [online samples for DHTMLX Menu](https://snippet.dhtmlx.com/nk65jfmx?tag=menu)
 - To work with data of Menu check [TreeCollection API](tree_collection.md)
 
 ## Guides
diff --git a/docs/message/index.md b/docs/message/index.md
@@ -8,7 +8,7 @@ description: You can have an overview of Message in the documentation of the DHT
 
 DHTMLX Message is a tiny but useful component that helps you to interact with a user of your application. Depending on the type of a message, you can inform a user about some processes taking place in the app, ask for confirmation of some action, warn against some steps that may result in unwanted effects, or simply give a hint about the purpose of a certain element of an app.
 
-Check [online samples for DHTMLX Message](https://snippet.dhtmlx.com/all?tag=message). 
+Check [online samples for DHTMLX Message](https://snippet.dhtmlx.com/tfiqt79l?tag=message). 
 
 ![](../assets/message/dhx_confirm.png)
 
@@ -21,7 +21,7 @@ You can check the following page to learn how to build a full-featured DHTMLX Me
 ## Related resources
 
 - You can get DHTMLX Message 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 Message](https://snippet.dhtmlx.com/all?tag=message)  
+- There are also [online samples for DHTMLX Message](https://snippet.dhtmlx.com/tfiqt79l?tag=message)  
 
 ## Guides
 
diff --git a/docs/pagination/index.md b/docs/pagination/index.md
@@ -11,7 +11,7 @@ The Pagination component is available in the **PRO** version only.
 }}
 
 DHTMLX Pagination helps to divide large amount of data into groups and display them on discrete pages. 
-The component is easy-to-use and provides handy navigation that allows you to quickly jump to a desired page. DHTMLX Pagination is available in combination with data components like DataView, List, Grid, Tree, Treegrid. Check [online samples for DHTMLX Pagination](https://snippet.dhtmlx.com/all?tag=pagination).
+The component is easy-to-use and provides handy navigation that allows you to quickly jump to a desired page. DHTMLX Pagination is available in combination with data components like DataView, List, Grid, Tree, Treegrid. Check [online samples for DHTMLX Pagination](https://snippet.dhtmlx.com/05r4s63b?tag=pagination).
 
 ![](../assets/pagination/init.png)
 
@@ -28,7 +28,7 @@ You can check the following page to learn how to build a full-featured DHTMLX Pa
 ## Related resources
 
 - You can get DHTMLX Pagination 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 Pagination](https://snippet.dhtmlx.com/all?tag=pagination)  
+- There are also [online samples for DHTMLX Pagination](https://snippet.dhtmlx.com/05r4s63b?tag=pagination)  
 
 ## Guides
 
diff --git a/docs/popup/index.md b/docs/popup/index.md
@@ -8,7 +8,7 @@ description: You can have an overview of Popup in the documentation of the DHTML
 
 DHTMLX Popup is a pop-up window that can contain various content. It allows attaching other DHTMLX components and different HTML content.
 
-Mainly, the component is applied for showing a pop-up content on some action, such as a button click. Check [online samples for DHTMLX Popup](https://snippet.dhtmlx.com/all?tag=popup).
+Mainly, the component is applied for showing a pop-up content on some action, such as a button click. Check [online samples for DHTMLX Popup](https://snippet.dhtmlx.com/bz1ekc71?tag=popup).
 
 ![](../assets/popup/popup_front.png)
 
@@ -25,7 +25,7 @@ You can check the following page to learn how to build a full-featured DHTMLX Po
 ## Related resources
 
 - You can get DHTMLX Popup 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 Popup](https://snippet.dhtmlx.com/all?tag=popup) 
+- There are also [online samples for DHTMLX Popup](https://snippet.dhtmlx.com/bz1ekc71?tag=popup) 
 
 ## Guides
 
diff --git a/docs/ribbon/index.md b/docs/ribbon/index.md
@@ -6,7 +6,7 @@ description: You can have an overview of Ribbon in the documentation of the DHTM
 
 # Ribbon overview
 
-DHTMLX Ribbon is an advanced version of DHTMLX Toolbar. It aggregates commands and tools used in an application or in a website into logical blocks thus providing a handy navigation bar. Check [online samples for DHTMLX Ribbon](https://snippet.dhtmlx.com/all?tag=ribbon).
+DHTMLX Ribbon is an advanced version of DHTMLX Toolbar. It aggregates commands and tools used in an application or in a website into logical blocks thus providing a handy navigation bar. Check [online samples for DHTMLX Ribbon](https://snippet.dhtmlx.com/3djaib6o?tag=ribbon).
 
 ![](../assets/ribbon/ribbon_front.png)
 
@@ -23,7 +23,7 @@ You can check the following page to learn how to build a full-featured DHTMLX Ri
 ## Related resources
 
 - You can get DHTMLX Ribbon 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 Ribbon](https://snippet.dhtmlx.com/all?tag=ribbon)
+- There are also [online samples for DHTMLX Ribbon](https://snippet.dhtmlx.com/3djaib6o?tag=ribbon)
 - To work with data of Ribbon check [TreeCollection API](tree_collection.md)
 
 ## Guides
diff --git a/docs/sidebar/index.md b/docs/sidebar/index.md
@@ -7,7 +7,7 @@ description: You can have an overview of Sidebar in the documentation of the DHT
 # Sidebar overview
 
 DHTMLX Sidebar is a component that provides means for comfy vertical navigation. Sidebar can contain any Toolbar controls that can be controlled via a handy API.
-Check [online samples for DHTMLX Sidebar](https://snippet.dhtmlx.com/all?tag=sidebar).  
+Check [online samples for DHTMLX Sidebar](https://snippet.dhtmlx.com/3mhhvvcr?tag=sidebar).  
 
 ![](../assets/sidebar/sidebar_front.png)
 
@@ -24,7 +24,7 @@ You can check the following page to learn how to build a full-featured DHTMLX Si
 ## Related resources
 
 - You can get DHTMLX Sidebar 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 Sidebar](https://snippet.dhtmlx.com/all?tag=sidebar)
+- There are also [online samples for DHTMLX Sidebar](https://snippet.dhtmlx.com/3mhhvvcr?tag=sidebar)
 - To work with data of Sidebar check [TreeCollection API](tree_collection.md)
 
 ## Guides
diff --git a/docs/slider/index.md b/docs/slider/index.md
@@ -8,7 +8,7 @@ description: You can have an overview of Slider in the documentation of the DHTM
 
 DHTMLX Slider allows adding handy slider bars into web pages and applications. The component is rather flexible and easily adjustable. It is available in several modes and provides simple and convenient API.
 
-Check [online samples for DHTMLX Slider](https://snippet.dhtmlx.com/all?tag=slider).
+Check [online samples for DHTMLX Slider](https://snippet.dhtmlx.com/jsfxnplp?tag=slider).
 
 ![](../assets/slider/slider_front.png)
 
@@ -25,7 +25,7 @@ You can check the following page to learn how to build a full-featured DHTMLX Sl
 ## Related resources
 
 - You can get DHTMLX Slider 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 Slider](https://snippet.dhtmlx.com/all?tag=slider)  
+- There are also [online samples for DHTMLX Slider](https://snippet.dhtmlx.com/jsfxnplp?tag=slider)  
 
 ## Guides
 
diff --git a/docs/tabbar/index.md b/docs/tabbar/index.md
diff --git a/docs/timepicker/index.md b/docs/timepicker/index.md
diff --git a/docs/toolbar/index.md b/docs/toolbar/index.md
diff --git a/docs/tree/index.md b/docs/tree/index.md
diff --git a/docs/treegrid/index.md b/docs/treegrid/index.md
diff --git a/docs/window/index.md b/docs/window/index.md
