diff --git a/apps/demos/Demos/Chat/Overview/Chats.png b/apps/demos/Demos/Chat/Overview/Chats.png new file mode 100644 index 000000000000..1c7e774a61b7 Binary files /dev/null and b/apps/demos/Demos/Chat/Overview/Chats.png differ diff --git a/apps/demos/Demos/Chat/Overview/description.md b/apps/demos/Demos/Chat/Overview/description.md new file mode 100644 index 000000000000..911fb3caf42f --- /dev/null +++ b/apps/demos/Demos/Chat/Overview/description.md @@ -0,0 +1,14 @@ +Our next major release (v24.2) will include a Chat component, a must-have UI element for apps that require real-time communication support. + + + +Here’s a sneak peek at what you can expect from our Chat component:  + +- **Human-to-Human Interaction**\ +Enable user conversations with a chat interface for one-on-one or multi-account communication. Ideal for customer support, social networking, and/or internal collaboration. + +- **AI and Chatbot Integration**\ +Enhance your app’s user experience with AI services and chatbots. Automate responses, deliver immediate support services, and boost engagement with intelligent interactions. + +- **Accessibility and Keyboard Navigation**\ +Our commitment to accessibility ensures that the Chat component will be fully navigable via keyboard, making it intuitive/usable for everyone. \ No newline at end of file diff --git a/apps/demos/Demos/DataGrid/FixedAndStickyColumns/Sticky.gif b/apps/demos/Demos/DataGrid/FixedAndStickyColumns/Sticky.gif new file mode 100644 index 000000000000..4517859029d8 Binary files /dev/null and b/apps/demos/Demos/DataGrid/FixedAndStickyColumns/Sticky.gif differ diff --git a/apps/demos/Demos/DataGrid/FixedAndStickyColumns/description.md b/apps/demos/Demos/DataGrid/FixedAndStickyColumns/description.md new file mode 100644 index 000000000000..0fc3251dfebc --- /dev/null +++ b/apps/demos/Demos/DataGrid/FixedAndStickyColumns/description.md @@ -0,0 +1,5 @@ +In our next update, fixed column support will undergo a complete redesign. Designed before advanced CSS positioning tools were available, our current solution relies on two independent tables: one for fixed columns and another for the primary table. Synchronization between these tables is managed through code, which can fail in rare instances. + + + +In addition to the basic redesign, v24.2 will include a new sticky columns option. Sticky columns remain static initially but start scrolling when they reach their position. Once scrolling moves past this point, they reattach to a different side of the table. This feature improves usability by displaying important columns in a specific view (ensuring continuous access to critical information). \ No newline at end of file diff --git a/apps/demos/Demos/Pagination/Overview/Pager-compact.png b/apps/demos/Demos/Pagination/Overview/Pager-compact.png new file mode 100644 index 000000000000..75ced547320c Binary files /dev/null and b/apps/demos/Demos/Pagination/Overview/Pager-compact.png differ diff --git a/apps/demos/Demos/Pagination/Overview/Pager-full.png b/apps/demos/Demos/Pagination/Overview/Pager-full.png new file mode 100644 index 000000000000..dd202a3efd19 Binary files /dev/null and b/apps/demos/Demos/Pagination/Overview/Pager-full.png differ diff --git a/apps/demos/Demos/Pagination/Overview/description.md b/apps/demos/Demos/Pagination/Overview/description.md new file mode 100644 index 000000000000..94f6789d207b --- /dev/null +++ b/apps/demos/Demos/Pagination/Overview/description.md @@ -0,0 +1,24 @@ +DevExtreme DataGrid and TreeList ship with built-in paging support. We expect to release Pagination as a separate component to simplify data navigation/improve browsing. This component will allow users to navigate extensive datasets by dividing them into individual pages. + + +Pagination in full and compact modes + +Primary features will include: + +- **Page Navigator**\ +Built-in controls allow users move between pages. Navigation buttons can be displayed or hidden. + +- **Page Size Selector**\ +Set the number of records per page and configure page size selection elements (display/hide the page size selector and customize page size). + +- **Page Information**\ +Display current page number and total record count. Custom text can be set for page information. + +- **Responsive Design**\ +Pagination will support full, compact, and adaptive display modes. In compact mode, Pagination will change the appearance of the page navigator and page selector to use screen space more efficiently. In adaptive mode, Pagination will automatically switch between full and compact based on content width. + +- **Right-to-Left Support**\ +Suitable for applications requiring internationalization. + +- **Accessibility and Keyboard Navigation**\ +Pagination will be fully accessible with keyboard navigation support. \ No newline at end of file diff --git a/apps/demos/Demos/TreeList/StickyColumns/Sticky.gif b/apps/demos/Demos/TreeList/StickyColumns/Sticky.gif new file mode 100644 index 000000000000..4517859029d8 Binary files /dev/null and b/apps/demos/Demos/TreeList/StickyColumns/Sticky.gif differ diff --git a/apps/demos/Demos/TreeList/StickyColumns/description.md b/apps/demos/Demos/TreeList/StickyColumns/description.md new file mode 100644 index 000000000000..0fc3251dfebc --- /dev/null +++ b/apps/demos/Demos/TreeList/StickyColumns/description.md @@ -0,0 +1,5 @@ +In our next update, fixed column support will undergo a complete redesign. Designed before advanced CSS positioning tools were available, our current solution relies on two independent tables: one for fixed columns and another for the primary table. Synchronization between these tables is managed through code, which can fail in rare instances. + + + +In addition to the basic redesign, v24.2 will include a new sticky columns option. Sticky columns remain static initially but start scrolling when they reach their position. Once scrolling moves past this point, they reattach to a different side of the table. This feature improves usability by displaying important columns in a specific view (ensuring continuous access to critical information). \ No newline at end of file diff --git a/apps/demos/menuMeta.json b/apps/demos/menuMeta.json index 2b0e16dd5687..82a53f9232df 100644 --- a/apps/demos/menuMeta.json +++ b/apps/demos/menuMeta.json @@ -608,6 +608,14 @@ ], "DemoType": "Web" }, + { + "Title": "Fixed and Sticky Columns", + "Name": "FixedAndStickyColumns", + "Widget": "DataGrid", + "DemoType": "Web", + "Badge": "Roadmap", + "RoadmapSurveyUrl": "https://www.devexpress.com/support/surveys/devextreme-roadmap-sticky-columns.xml" + }, { "Title": "Command Column Customization", "Name": "CommandColumnCustomization", @@ -1557,6 +1565,14 @@ "/Models/SampleData/TreeListEmployees.cs" ], "DemoType": "Web" + }, + { + "Title": "Sticky Columns", + "Name": "StickyColumns", + "Widget": "TreeList", + "DemoType": "Web", + "Badge": "Roadmap", + "RoadmapSurveyUrl": "https://www.devexpress.com/support/surveys/devextreme-roadmap-sticky-columns.xml" } ] }, @@ -2039,6 +2055,26 @@ } ] }, + { + "Name": "Chat", + "Equivalents": "dxChat, dx-chat", + "Groups": [ + { + "Name": "Overview", + "Equivalents": "", + "Demos": [ + { + "Title": "Chat component", + "Name": "Overview", + "Widget": "Chat", + "DemoType": "Web", + "Badge": "Roadmap", + "RoadmapSurveyUrl": "https://www.devexpress.com/support/surveys/devextreme-roadmap-chat.xml" + } + ] + } + ] + }, { "Name": "Diagram", "Equivalents": "dxDiagram, dx-diagram, graph, flow, process, orgchart", @@ -3958,6 +3994,20 @@ } ] }, + { + "Name": "Pagination", + "Equivalents": "dxPagination, dx-pagination", + "Demos": [ + { + "Title": "Pagination component", + "Name": "Overview", + "Widget": "Pagination", + "DemoType": "Web", + "Badge": "Roadmap", + "RoadmapSurveyUrl": "https://www.devexpress.com/support/surveys/devextreme-roadmap-pagination.xml" + } + ] + }, { "Name": "Tree View", "Breadcrumb": true,