Update demo links for release

vladaskorohodova · Dec 3, 2024 · 80e6da6 · 80e6da6
1 parent c6e4ca1
commit 80e6da6
Show file tree

Hide file tree

Showing 25 changed files with 112 additions and 23 deletions.
diff --git a/...eference/10 UI Components/GridBase/1 Configuration/columnFixing/columnFixing.md b/...eference/10 UI Components/GridBase/1 Configuration/columnFixing/columnFixing.md
@@ -15,7 +15,7 @@ When the width of all columns exceeds the UI component width, horizontal scrolli
 When you enable column fixing, [command columns](/concepts/05%20UI%20Components/DataGrid/15%20Columns/10%20Column%20Types/4%20Command%20Columns/00%20Command%20Columns.md '/Documentation/Guide/UI_Components/{WidgetName}/Columns/Column_Types/Command_Columns/') become fixed automatically. 
 
 #include common-demobutton-named with {
-    url: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/DataGrid/ColumnCustomization/",
+    url: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/DataGrid/FixedAndStickyColumns/",
     name: "DataGrid"
 }
 #include common-demobutton-named with {

diff --git a/api-reference/10 UI Components/dxChat/1 Configuration/items.md b/api-reference/10 UI Components/dxChat/1 Configuration/items.md
@@ -93,4 +93,8 @@ Use this property to render a new message and specify initial messages in {Frame
         );
     };
 
----
+---
+
+#include btn-open-demo with {
+    href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/Chat/Overview/"
+}
diff --git a/api-reference/10 UI Components/dxChat/1 Configuration/messageTemplate.md b/api-reference/10 UI Components/dxChat/1 Configuration/messageTemplate.md
@@ -75,4 +75,8 @@ A template name or container.
         );
     };
 
----
+---
+
+#include btn-open-demo with {
+    href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/Chat/AIAndChatbotIntegration/"
+}
diff --git a/api-reference/10 UI Components/dxChat/1 Configuration/onMessageEntered.md b/api-reference/10 UI Components/dxChat/1 Configuration/onMessageEntered.md
@@ -111,4 +111,8 @@ Use this function to transfer messages to the backend:
         );
     };
 
----
+---
+
+#include btn-open-demo with {
+    href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/Chat/Overview/"
+}
diff --git a/api-reference/10 UI Components/dxChat/1 Configuration/onTypingEnd.md b/api-reference/10 UI Components/dxChat/1 Configuration/onTypingEnd.md
@@ -20,5 +20,9 @@ The UI component's instance.
 The user who entered the message.
 
 ---
+#include btn-open-demo with {
+    href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/Chat/Overview/"
+}
+
 #####See Also#####
 - [typingUsers](/api-reference/10%20UI%20Components/dxChat/1%20Configuration/typingUsers.md '/Documentation/ApiReference/UI_Components/dxChat/Configuration/#typingUsers')
diff --git a/api-reference/10 UI Components/dxChat/1 Configuration/onTypingStart.md b/api-reference/10 UI Components/dxChat/1 Configuration/onTypingStart.md
@@ -23,5 +23,9 @@ The UI component's instance.
 The user who started typing.
 
 ---
+#include btn-open-demo with {
+    href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/Chat/Overview/"
+}
+
 #####See Also#####
 - [typingUsers](/api-reference/10%20UI%20Components/dxChat/1%20Configuration/typingUsers.md '/Documentation/ApiReference/UI_Components/dxChat/Configuration/#typingUsers')
diff --git a/api-reference/10 UI Components/dxChat/1 Configuration/reloadOnChange.md b/api-reference/10 UI Components/dxChat/1 Configuration/reloadOnChange.md
@@ -12,4 +12,8 @@ When you send a message in a Chat (press the "Send" button), the Chat triggers t
 
 If **reloadOnChange** is enabled (default), the DataSource [reloads](/api-reference/30%20Data%20Layer/DataSource/3%20Methods/reload().md '/Documentation/ApiReference/Data_Layer/DataSource/Methods/#reload'): clears all items and calls the [load](/api-reference/30%20Data%20Layer/DataSource/3%20Methods/load().md '/Documentation/ApiReference/Data_Layer/DataSource/Methods/#load') method to update itself. Chat automatically listens to DataSource [changes](/api-reference/30%20Data%20Layer/DataSource/4%20Events/changed.md '/Documentation/ApiReference/Data_Layer/DataSource/Events/#changed') and updates the message feed with new messages.
 
-Disable **reloadOnChange** to manage large numbers of messages, prevent additional load requests, and control message rendering timing. Handle the store's CRUD operations and [render messages](/api-reference/10%20UI%20Components/dxChat/3%20Methods/renderMessage(message).md '/Documentation/ApiReference/UI_Components/dxChat/Methods/#renderMessagemessage') as your needs dictate.
+Disable **reloadOnChange** to manage large numbers of messages, prevent additional load requests, and control message rendering timing. Handle the store's CRUD operations and [render messages](/api-reference/10%20UI%20Components/dxChat/3%20Methods/renderMessage(message).md '/Documentation/ApiReference/UI_Components/dxChat/Methods/#renderMessagemessage') as your needs dictate.
+
+#include btn-open-demo with {
+    href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/Chat/AIAndChatbotIntegration/"
+}
diff --git a/api-reference/10 UI Components/dxChat/1 Configuration/showAvatar.md b/api-reference/10 UI Components/dxChat/1 Configuration/showAvatar.md
@@ -8,4 +8,6 @@ default: true
 Specifies whether to show avatars.
 
 ---
-<!-- Description goes here -->
+#include btn-open-demo with {
+    href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/Chat/Customization/"
+}
diff --git a/api-reference/10 UI Components/dxChat/1 Configuration/showDayHeaders.md b/api-reference/10 UI Components/dxChat/1 Configuration/showDayHeaders.md
@@ -8,4 +8,6 @@ default: true
 Specifies whether to show day headers.
 
 ---
-<!-- Description goes here -->
+#include btn-open-demo with {
+    href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/Chat/Customization/"
+}
diff --git a/api-reference/10 UI Components/dxChat/1 Configuration/showMessageTimestamp.md b/api-reference/10 UI Components/dxChat/1 Configuration/showMessageTimestamp.md
@@ -8,4 +8,6 @@ default: true
 Specifies whether to show message time stamps.
 
 ---
-<!-- Description goes here -->
+#include btn-open-demo with {
+    href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/Chat/Customization/"
+}
diff --git a/api-reference/10 UI Components/dxChat/1 Configuration/showUserName.md b/api-reference/10 UI Components/dxChat/1 Configuration/showUserName.md
@@ -8,4 +8,6 @@ default: true
 Specifies whether to show user names.
 
 ---
-<!-- Description goes here -->
+#include btn-open-demo with {
+    href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/Chat/Customization/"
+}
diff --git a/api-reference/10 UI Components/dxChat/1 Configuration/typingUsers.md b/api-reference/10 UI Components/dxChat/1 Configuration/typingUsers.md
@@ -108,4 +108,8 @@ The following image displays messages that appear when a single user or multiple
         );
     };
 
----
+---
+
+#include btn-open-demo with {
+    href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/Chat/Overview/"
+}
diff --git a/api-reference/10 UI Components/dxChat/1 Configuration/user.md b/api-reference/10 UI Components/dxChat/1 Configuration/user.md
@@ -12,4 +12,8 @@ This property value, or its part, may be specified automatically:
 
 - If you do not specify this property, the component creates a user with default settings.
 
-- If you assign an object without an ID to this property, an ID is autogenerated.
+- If you assign an object without an ID to this property, an ID is autogenerated.
+
+#include btn-open-demo with {
+    href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/Chat/Overview/"
+}
diff --git a/api-reference/10 UI Components/dxChat/3 Methods/renderMessage(message).md b/api-reference/10 UI Components/dxChat/3 Methods/renderMessage(message).md
@@ -35,4 +35,8 @@ This method is the primary way to render a new message in jQuery:
 
 [note] The use of this method is not native to {Framework}. Use [items](/api-reference/10%20UI%20Components/dxChat/1%20Configuration/items.md '/Documentation/ApiReference/UI_Components/dxChat/Configuration/#items') instead.
 
----
+---
+
+#include btn-open-demo with {
+    href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/Chat/Overview/"
+}
diff --git a/api-reference/10 UI Components/dxChat/dxChat.md b/api-reference/10 UI Components/dxChat/dxChat.md
@@ -14,6 +14,12 @@ The Chat UI component is an interactive interface that allows users to send and
 dx.web.js, dx.all.js
 
 ---
+#include btn-open-demo with {
+    href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/Chat/Overview/"
+}
+#include common-tutorialbutton with {
+    url: "/Documentation/Guide/UI_Components/Chat/Getting_Started_with_Chat/"
+}
 
 #####See Also#####
 #include common-link-setupdevextreme

diff --git a/api-reference/10 UI Components/dxHtmlEditor/1 Configuration/converter.md b/api-reference/10 UI Components/dxHtmlEditor/1 Configuration/converter.md
@@ -108,4 +108,8 @@ Allows you to convert an HtmlEditor value between different markups.
 
     export default App;
 
----
+---
+
+#include btn-open-demo with {
+    href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/HtmlEditor/MarkdownSupport/"
+}
diff --git a/api-reference/10 UI Components/dxMap/1 Configuration/apiKey/apiKey.md b/api-reference/10 UI Components/dxMap/1 Configuration/apiKey/apiKey.md
@@ -121,4 +121,8 @@ If you have more than one map provider in your application, specify the keys in
 
 ---
 
-[note] The value of this property cannot be changed dynamically.
+#include btn-open-demo with {
+    href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/Map/ProvidersAndTypes/"
+}
+
+[note] The value of this property cannot be changed dynamically.
diff --git a/api-reference/10 UI Components/dxMap/1 Configuration/markers/markers.md b/api-reference/10 UI Components/dxMap/1 Configuration/markers/markers.md
@@ -8,8 +8,6 @@ firedEvents: markerAdded, markerRemoved
 An array of markers displayed on a map.
 
 ---
-If you use the Knockout approach when working with the Map UI component, you can pass an observable array to the **markers** property to easily manage markers.
-
 #include btn-open-demo with {
-    href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/Map/Routes/"
+    href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/Map/Markers/"
 }
diff --git a/api-reference/10 UI Components/dxPagination/1 Configuration/allowedPageSizes.md b/api-reference/10 UI Components/dxPagination/1 Configuration/allowedPageSizes.md
@@ -8,4 +8,8 @@ default: [5, 10]
 Specifies page sizes available in the page size selector.
 
 ---
-Set this property to an array of numbers that specify available page sizes. If you want to allow users to display all items on a single page, add the *"all"* value to this array.
+Set this property to an array of numbers that specify available page sizes. If you want to allow users to display all items on a single page, add the *"all"* value to this array.
+
+#include btn-open-demo with {
+    href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/Pagination/Overview/"
+}
diff --git a/api-reference/10 UI Components/dxPagination/1 Configuration/itemCount.md b/api-reference/10 UI Components/dxPagination/1 Configuration/itemCount.md
@@ -8,4 +8,8 @@ default: 1
 Specifies the total number of items.
 
 ---
-`itemCount` is the main configuration setting of the component. Specify the total number of items to ensure the Pagination component functions properly.
+`itemCount` is the main configuration setting of the component. Specify the total number of items to ensure the Pagination component functions properly.
+
+#include btn-open-demo with {
+    href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/Pagination/Overview/"
+}
diff --git a/api-reference/10 UI Components/dxPagination/1 Configuration/pageIndex.md b/api-reference/10 UI Components/dxPagination/1 Configuration/pageIndex.md
@@ -9,4 +9,6 @@ default: 1
 Specifies the page index.
 
 ---
-<!-- Description goes here -->
+#include btn-open-demo with {
+    href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/Pagination/Overview/"
+}
diff --git a/api-reference/10 UI Components/dxPagination/1 Configuration/pageSize.md b/api-reference/10 UI Components/dxPagination/1 Configuration/pageSize.md
@@ -9,4 +9,6 @@ default: 5
 Specifies the page size.
 
 ---
-<!-- Description goes here -->
+#include btn-open-demo with {
+    href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/Pagination/Overview/"
+}
diff --git a/api-reference/10 UI Components/dxPagination/dxPagination.md b/api-reference/10 UI Components/dxPagination/dxPagination.md
@@ -8,5 +8,17 @@ inherits: Widget
 ##### shortDescription
 Pagination is a UI component that allows users to navigate through pages and change page size at runtime. Pagination UI includes a page navigator and several optional elements: a page size selector, navigation buttons, and page information.
 
+##### widgettree
+itemCount: 100
+
+##### lib
+dx.web.js, dx.all.js
+
 ---
-<!-- Description goes here -->
+#include btn-open-demo with {
+    href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/Pagination/Overview/"
+}
+
+#####See Also#####
+#include common-link-setupdevextreme
+#include common-link-configurewidget
diff --git a/api-reference/_hidden/GridBaseColumn/fixed.md b/api-reference/_hidden/GridBaseColumn/fixed.md
@@ -9,7 +9,7 @@ Fixes the column.
 
 ---
 #include common-demobutton-named with {
-    url: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/DataGrid/ColumnCustomization/",
+    url: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/DataGrid/FixedAndStickyColumns/",
     name: "DataGrid"
 }
 #include common-demobutton-named with {

diff --git a/api-reference/_hidden/GridBaseColumn/fixedPosition.md b/api-reference/_hidden/GridBaseColumn/fixedPosition.md
@@ -21,5 +21,14 @@ The column sticks to left and right edges when it reaches them.
 
 [note] If a **virtual** [column rendering mode](/api-reference/10%20UI%20Components/GridBase/1%20Configuration/scrolling/columnRenderingMode.md '{basewidgetpath}/Configuration/scrolling/#columnRenderingMode') is enabled, sticky columns have no effect.
 
+#include common-demobutton-named with {
+    url: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/DataGrid/FixedAndStickyColumns/",
+    name: "DataGrid"
+}
+#include common-demobutton-named with {
+    url: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/TreeList/ColumnFixing/",
+    name: "TreeList"
+}
+
 #####See Also#####
 - [columnFixing](/api-reference/10%20UI%20Components/GridBase/1%20Configuration/columnFixing '{basewidgetpath}/Configuration/columnFixing/')
-Original file line number
+Diff line change
@@ Expand Up @@
             );
         };
-    ---
+    ---
+    #include btn-open-demo with {
+        href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/Chat/Overview/"
+    }