diff --git a/api-reference/10 UI Components/GridBase/1 Configuration/columnFixing/columnFixing.md b/api-reference/10 UI Components/GridBase/1 Configuration/columnFixing/columnFixing.md index 05820741d2..5edf1f83fc 100644 --- a/api-reference/10 UI Components/GridBase/1 Configuration/columnFixing/columnFixing.md +++ b/api-reference/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 index b04037837c..ec88ee9e63 100644 --- 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 ); }; ---- \ No newline at end of file +--- + +#include btn-open-demo with { + href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/Chat/Overview/" +} \ No newline at end of file diff --git a/api-reference/10 UI Components/dxChat/1 Configuration/messageTemplate.md b/api-reference/10 UI Components/dxChat/1 Configuration/messageTemplate.md index 65f6fec12c..0cb7d4bb00 100644 --- 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. ); }; ---- \ No newline at end of file +--- + +#include btn-open-demo with { + href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/Chat/AIAndChatbotIntegration/" +} \ No newline at end of file diff --git a/api-reference/10 UI Components/dxChat/1 Configuration/onMessageEntered.md b/api-reference/10 UI Components/dxChat/1 Configuration/onMessageEntered.md index cda5035e8c..67ce0c6a50 100644 --- 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: ); }; ---- \ No newline at end of file +--- + +#include btn-open-demo with { + href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/Chat/Overview/" +} \ No newline at end of file diff --git a/api-reference/10 UI Components/dxChat/1 Configuration/onTypingEnd.md b/api-reference/10 UI Components/dxChat/1 Configuration/onTypingEnd.md index 18f304c4a5..aaa3729579 100644 --- 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') \ No newline at end of file diff --git a/api-reference/10 UI Components/dxChat/1 Configuration/onTypingStart.md b/api-reference/10 UI Components/dxChat/1 Configuration/onTypingStart.md index 48a4856c18..7293daf0c0 100644 --- 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') \ No newline at end of file diff --git a/api-reference/10 UI Components/dxChat/1 Configuration/reloadOnChange.md b/api-reference/10 UI Components/dxChat/1 Configuration/reloadOnChange.md index 1f6267b5e7..97a41c546f 100644 --- 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. \ No newline at end of file +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/" +} \ No newline at end of file diff --git a/api-reference/10 UI Components/dxChat/1 Configuration/showAvatar.md b/api-reference/10 UI Components/dxChat/1 Configuration/showAvatar.md index e95a7d0da9..86fdb3ab5c 100644 --- 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. --- - \ No newline at end of file +#include btn-open-demo with { + href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/Chat/Customization/" +} \ No newline at end of file diff --git a/api-reference/10 UI Components/dxChat/1 Configuration/showDayHeaders.md b/api-reference/10 UI Components/dxChat/1 Configuration/showDayHeaders.md index aee004d8e4..41379ebfef 100644 --- 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. --- - \ No newline at end of file +#include btn-open-demo with { + href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/Chat/Customization/" +} \ No newline at end of file diff --git a/api-reference/10 UI Components/dxChat/1 Configuration/showMessageTimestamp.md b/api-reference/10 UI Components/dxChat/1 Configuration/showMessageTimestamp.md index bad8333f78..4e5152eb31 100644 --- 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. --- - \ No newline at end of file +#include btn-open-demo with { + href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/Chat/Customization/" +} \ No newline at end of file diff --git a/api-reference/10 UI Components/dxChat/1 Configuration/showUserName.md b/api-reference/10 UI Components/dxChat/1 Configuration/showUserName.md index c08a3a9b2f..132e20970d 100644 --- 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. --- - \ No newline at end of file +#include btn-open-demo with { + href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/Chat/Customization/" +} \ No newline at end of file diff --git a/api-reference/10 UI Components/dxChat/1 Configuration/typingUsers.md b/api-reference/10 UI Components/dxChat/1 Configuration/typingUsers.md index d47615c6b3..ad80728556 100644 --- 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 ); }; ---- \ No newline at end of file +--- + +#include btn-open-demo with { + href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/Chat/Overview/" +} \ No newline at end of file diff --git a/api-reference/10 UI Components/dxChat/1 Configuration/user.md b/api-reference/10 UI Components/dxChat/1 Configuration/user.md index 8617936804..080de89416 100644 --- 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. \ No newline at end of file +- 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/" +} \ No newline at end of file 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 index 55b052b7c9..8ec9aa7bdc 100644 --- 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. ---- \ No newline at end of file +--- + +#include btn-open-demo with { + href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/Chat/Overview/" +} \ No newline at end of file diff --git a/api-reference/10 UI Components/dxChat/dxChat.md b/api-reference/10 UI Components/dxChat/dxChat.md index f6838d6bfe..4ca4fdfd24 100644 --- 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 index 5d27108ca3..c3b5be71f6 100644 --- 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; ---- \ No newline at end of file +--- + +#include btn-open-demo with { + href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/HtmlEditor/MarkdownSupport/" +} \ No newline at end of file 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 index d077f1643e..cf8c8f087d 100644 --- 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. \ No newline at end of file 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 index ea16783b43..e02ca08725 100644 --- 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/" } \ No newline at end of file diff --git a/api-reference/10 UI Components/dxPagination/1 Configuration/allowedPageSizes.md b/api-reference/10 UI Components/dxPagination/1 Configuration/allowedPageSizes.md index 95868cc525..e7fd547a5e 100644 --- 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. \ No newline at end of file +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/" +} \ No newline at end of file diff --git a/api-reference/10 UI Components/dxPagination/1 Configuration/itemCount.md b/api-reference/10 UI Components/dxPagination/1 Configuration/itemCount.md index 6ab8415635..0a6aa999dc 100644 --- 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. \ No newline at end of file +`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/" +} \ No newline at end of file diff --git a/api-reference/10 UI Components/dxPagination/1 Configuration/pageIndex.md b/api-reference/10 UI Components/dxPagination/1 Configuration/pageIndex.md index e7aba2a69a..27acfeecbb 100644 --- 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. --- - \ No newline at end of file +#include btn-open-demo with { + href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/Pagination/Overview/" +} \ No newline at end of file diff --git a/api-reference/10 UI Components/dxPagination/1 Configuration/pageSize.md b/api-reference/10 UI Components/dxPagination/1 Configuration/pageSize.md index 1927d7fb26..0c3880bbb2 100644 --- 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. --- - \ No newline at end of file +#include btn-open-demo with { + href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/Pagination/Overview/" +} \ No newline at end of file diff --git a/api-reference/10 UI Components/dxPagination/dxPagination.md b/api-reference/10 UI Components/dxPagination/dxPagination.md index f966eb8fb0..53173d7177 100644 --- 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 + --- - \ No newline at end of file +#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 \ No newline at end of file diff --git a/api-reference/_hidden/GridBaseColumn/fixed.md b/api-reference/_hidden/GridBaseColumn/fixed.md index 6845682c15..7f85c08fb6 100644 --- 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 index 22da74bf9c..a788bab613 100644 --- 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/') \ No newline at end of file