diff --git a/apps/demos/Demos/CardView/Overview/cardview.png b/apps/demos/Demos/CardView/Overview/cardview.png new file mode 100644 index 000000000000..ea5d12148347 Binary files /dev/null and b/apps/demos/Demos/CardView/Overview/cardview.png differ diff --git a/apps/demos/Demos/CardView/Overview/description.md b/apps/demos/Demos/CardView/Overview/description.md new file mode 100644 index 000000000000..73fb611b359d --- /dev/null +++ b/apps/demos/Demos/CardView/Overview/description.md @@ -0,0 +1,20 @@ +Our upcoming major release (v25.1) will introduce a CardView component, allowing you to display business data using a 'card' UI metaphor — a visually engaging alternative to traditional grid views. + +The DevExtreme CardView will ship with the following built-in data management capabilities: + +- Sorting +- Paging +- Column reordering +- Column visibility control +- Editing +- Filtering +- Searching +- Data selection + +Each card within the CardView will be fully customizable, with UI elements such as toolbars, covers, and footers (allowing you to adapt layouts as requirements dictate). + +CardView card layouts will be fully responsive, will support multiple screen sizes, and will ship with two layout options: + +- **Automatic Layout:** The CardView will determine the optimal number of cards per row and associated size. When resized, the CardView will dynamically modify its layout, recalculating the number of cards per row and their dimensions. + +- **Fixed Number of Cards per Row:** You will be able to specify the exact number of cards displayed within a layout. When resized, card sizes will change but the number of cards per row will remain the same. diff --git a/apps/demos/Demos/Chat/ImageRendering/Chat-Image.png b/apps/demos/Demos/Chat/ImageRendering/Chat-Image.png new file mode 100644 index 000000000000..64b6f36f7bfc Binary files /dev/null and b/apps/demos/Demos/Chat/ImageRendering/Chat-Image.png differ diff --git a/apps/demos/Demos/Chat/ImageRendering/description.md b/apps/demos/Demos/Chat/ImageRendering/description.md new file mode 100644 index 000000000000..d5937f78cbed --- /dev/null +++ b/apps/demos/Demos/Chat/ImageRendering/description.md @@ -0,0 +1,5 @@ +In our upcoming major release (v25.1) we will simplify Chat component configuration when displaying images within messages. + +In v24.2, the DevExtreme Chat component shipped with custom message content support, including charts and images. To use this feature, you were required to override the entire message bubble layout using the [messageTemplate](/Documentation/ApiReference/UI_Components/dxChat/Configuration/#messageTemplate) property. + +Starting with v25.1 you will be able to easily render an image received in responses. For example, if you use [DALL-E](https://openai.com/index/dall-e-3/) or a similar AI service to generate pictures, you can set up image rendering using our Chat component. \ No newline at end of file diff --git a/apps/demos/Demos/Chat/MessageEditing/Chat-Message-Edit.png b/apps/demos/Demos/Chat/MessageEditing/Chat-Message-Edit.png new file mode 100644 index 000000000000..70b506d549f0 Binary files /dev/null and b/apps/demos/Demos/Chat/MessageEditing/Chat-Message-Edit.png differ diff --git a/apps/demos/Demos/Chat/MessageEditing/description.md b/apps/demos/Demos/Chat/MessageEditing/description.md new file mode 100644 index 000000000000..e05e33a8590d --- /dev/null +++ b/apps/demos/Demos/Chat/MessageEditing/description.md @@ -0,0 +1,3 @@ +In our upcoming major release (v25.1) our Chat component will allow users to edit/delete messages once they’ve been sent. + +DevExtreme Chat is a client-side component that requires a backend solution. Message editing and delete operations will include relevant UI elements for end users and APIs to modify rendered messages. To edit and remove messages from a data source, you will need to use Push APIs. \ No newline at end of file diff --git a/apps/demos/Demos/HtmlEditor/AITextEditing/HtmlEditorAi.png b/apps/demos/Demos/HtmlEditor/AITextEditing/HtmlEditorAi.png new file mode 100644 index 000000000000..879053bdb4a8 Binary files /dev/null and b/apps/demos/Demos/HtmlEditor/AITextEditing/HtmlEditorAi.png differ diff --git a/apps/demos/Demos/HtmlEditor/AITextEditing/description.md b/apps/demos/Demos/HtmlEditor/AITextEditing/description.md new file mode 100644 index 000000000000..c999136792e1 --- /dev/null +++ b/apps/demos/Demos/HtmlEditor/AITextEditing/description.md @@ -0,0 +1,5 @@ +In our upcoming major release (v25.1) we will incorporate AI-powered text editing into the DevExtreme HTML Editor. + +Users will be able to apply actions to selected content (such as proofreading, summarizing, expanding text, etc) and you will be able to add a custom command to execute a specific request to your selected AI service. + +Our new AI-powered Extensions will be accessed through a dedicated button in the HTML Editor’s toolbar. \ No newline at end of file diff --git a/apps/demos/Demos/Scheduler/ToolbarCustomization/description.md b/apps/demos/Demos/Scheduler/ToolbarCustomization/description.md new file mode 100644 index 000000000000..3680c591704a --- /dev/null +++ b/apps/demos/Demos/Scheduler/ToolbarCustomization/description.md @@ -0,0 +1,13 @@ +In our upcoming major release (v25.1) the DevExtreme Scheduler will include a customizable integrated toolbar. + +For instance, in the screenshot, our new toolbar includes two custom buttons: "Today" and "New event". + + + +Configuration options will include: + +- **Choosing from predefined elements:** Select and arrange built-in elements as needed. + +- **Adding DevExtreme components:** Include and configure DevExtreme components like Button or Checkbox in the toolbar. + +- **Inserting custom elements:** Define templates for custom elements within toolbar items for a curated experience. \ No newline at end of file diff --git a/apps/demos/Demos/Stepper/Overview/Stepper.png b/apps/demos/Demos/Stepper/Overview/Stepper.png new file mode 100644 index 000000000000..67917024e28b Binary files /dev/null and b/apps/demos/Demos/Stepper/Overview/Stepper.png differ diff --git a/apps/demos/Demos/Stepper/Overview/description.md b/apps/demos/Demos/Stepper/Overview/description.md new file mode 100644 index 000000000000..bfe4ded62a6f --- /dev/null +++ b/apps/demos/Demos/Stepper/Overview/description.md @@ -0,0 +1,5 @@ +Our upcoming major release (v25.1) will introduce a Stepper component designed to describe/detail progress as users navigate through a defined sequence. + +Stepper will work especially well for multi-step processes like filling forms, onboarding flows, or wizards. + +You will be able to customize the appearance of individual steps and modify component settings to address specific usage scenarios. \ No newline at end of file diff --git a/apps/demos/menuMeta.json b/apps/demos/menuMeta.json index 1c284cb67dca..c6fe75933c46 100644 --- a/apps/demos/menuMeta.json +++ b/apps/demos/menuMeta.json @@ -588,6 +588,15 @@ ], "DemoType": "Web" }, + { + "Title": "Column Reordering", + "Name": "ColumnReordering", + "Widget": "DataGrid", + "MvcAdditionalFiles": [ + "/Scripts/data/employeeData.js" + ], + "DemoType": "Web" + }, { "Title": "Column Resizing", "Name": "ColumnResizing", @@ -617,15 +626,6 @@ ], "DemoType": "Web" }, - { - "Title": "Column Reordering", - "Name": "ColumnReordering", - "Widget": "DataGrid", - "MvcAdditionalFiles": [ - "/Scripts/data/employeeData.js" - ], - "DemoType": "Web" - }, { "Title": "Column Chooser", "Name": "ColumnChooser", @@ -1526,8 +1526,8 @@ "Equivalents": "", "Demos": [ { - "Title": "Column Chooser", - "Name": "ColumnChooser", + "Title": "Column Reordering", + "Name": "Reordering", "Widget": "TreeList", "MvcAdditionalFiles": [ "/Models/TreeList/Employee.cs", @@ -1536,8 +1536,8 @@ "DemoType": "Web" }, { - "Title": "Column Reordering", - "Name": "Reordering", + "Title": "Column Resizing", + "Name": "Resizing", "Widget": "TreeList", "MvcAdditionalFiles": [ "/Models/TreeList/Employee.cs", @@ -1546,8 +1546,9 @@ "DemoType": "Web" }, { - "Title": "Column Resizing", - "Name": "Resizing", + "Title": "Fixed and Sticky Columns", + "Name": "ColumnFixing", + "Equivalents": "fixed column, frozen column, pinned column", "Widget": "TreeList", "MvcAdditionalFiles": [ "/Models/TreeList/Employee.cs", @@ -1556,9 +1557,8 @@ "DemoType": "Web" }, { - "Title": "Fixed and Sticky Columns", - "Name": "ColumnFixing", - "Equivalents": "fixed column, frozen column, pinned column", + "Title": "Column Chooser", + "Name": "ColumnChooser", "Widget": "TreeList", "MvcAdditionalFiles": [ "/Models/TreeList/Employee.cs", @@ -1616,6 +1616,28 @@ } ] }, + { + "Name": "Card View", + "Equivalents": "dxCardView, dx-cardview, cardview", + "Badge": "Roadmap", + "Groups": [ + { + "Name": "Overview", + "Equivalents": "", + "Badge": "Roadmap", + "Demos": [ + { + "Title": "Overview", + "Name": "Overview", + "Widget": "CardView", + "DemoType": "Web", + "Badge": "Roadmap", + "RoadmapSurveyUrl": "https://www.devexpress.com/support/surveys/devextreme-roadmap-cardview.xml" + } + ] + } + ] + }, { "Name": "Scheduler", "Equivalents": "dxScheduler, dx-scheduler", @@ -1890,6 +1912,19 @@ ], "DemoType": "Web" }, + { + "Title": "Toolbar Customization", + "Name": "ToolbarCustomization", + "Widget": "Scheduler", + "MvcAdditionalFiles": [ + "/Models/AppointmentWithResources.cs", + "/Models/AssigneeResource.cs", + "/Models/SampleData/AppointmentsWithResources.cs", + "/Models/SampleData/AssigneeResources.cs" + ], + "DemoType": "Web", + "Badge": "Updated" + }, { "Title": "Disabled Date/Time Ranges", "Name": "CellTemplates", @@ -1947,18 +1982,6 @@ "/Models/SampleData/RecurringAppointmentsResources.cs" ], "DemoType": "Web" - }, - { - "Title": "Toolbar Customization", - "Name": "ToolbarCustomization", - "Widget": "Scheduler", - "MvcAdditionalFiles": [ - "/Models/AppointmentWithResources.cs", - "/Models/AssigneeResource.cs", - "/Models/SampleData/AppointmentsWithResources.cs", - "/Models/SampleData/AssigneeResources.cs" - ], - "DemoType": "Web" } ] }, @@ -2031,6 +2054,20 @@ } ] }, + { + "Name": "AI-powered Text Editing", + "Equivalents": "AI, text editing, text editor", + "Demos": [ + { + "Title": "AI-powered Text Editing", + "Name": "AITextEditing", + "Widget": "HtmlEditor", + "DemoType": "Web", + "Badge": "Roadmap", + "RoadmapSurveyUrl": "https://www.devexpress.com/support/surveys/devextreme-roadmap-ai.xml" + } + ] + }, { "Name": "Markdown Support", "Equivalents": "", @@ -2063,6 +2100,7 @@ "Name": "Chat", "Breadcrumb": true, "Equivalents": "dxChat, dx-chat, chat", + "Badge": "Updated", "Groups": [ { "Name": "Overview", @@ -2083,6 +2121,34 @@ } ] }, + { + "Name": "Message Editing", + "Equivalents": "Editing", + "Demos": [ + { + "Title": "Message Editing", + "Name": "MessageEditing", + "Widget": "Chat", + "DemoType": "Web", + "Badge": "Roadmap", + "RoadmapSurveyUrl": "https://www.devexpress.com/support/surveys/devextreme-roadmap-messages.xml" + } + ] + }, + { + "Name": "Image Rendering", + "Equivalents": "", + "Demos": [ + { + "Title": "Image Rendering", + "Name": "ImageRendering", + "Widget": "Chat", + "DemoType": "Web", + "Badge": "Roadmap", + "RoadmapSurveyUrl": "https://www.devexpress.com/support/surveys/devextreme-roadmap-image-rendering.xml" + } + ] + }, { "Name": "Customization", "Equivalents": "Settings, Options", @@ -3841,6 +3907,7 @@ { "Name": "Navigation", "Equivalents": "", + "Badge": "Updated", "Groups": [ { "Name": "Overview", @@ -4035,6 +4102,36 @@ } ] }, + { + "Name": "Stepper", + "Equivalents": "dxStepper, dx-stepper", + "Demos": [ + { + "Title": "Overview", + "Name": "Overview", + "Widget": "Stepper", + "DemoType": "Web", + "Badge": "Roadmap", + "RoadmapSurveyUrl": "https://www.devexpress.com/support/surveys/devextreme-roadmap-stepper.xml" + } + ] + }, + { + "Name": "Pagination", + "Equivalents": "", + "Demos": [ + { + "Title": "Overview", + "Name": "Overview", + "DocUrl": "", + "Widget": "Pagination", + "MvcDescription": "", + "NetCoreDescription": "", + "MvcAdditionalFiles": [], + "DemoType": "Web" + } + ] + }, { "Name": "Tree View", "Breadcrumb": true, @@ -4189,22 +4286,6 @@ ] } ] - }, - { - "Name": "Pagination", - "Equivalents": "", - "Demos": [ - { - "Title": "Overview", - "Name": "Overview", - "DocUrl": "", - "Widget": "Pagination", - "MvcDescription": "", - "NetCoreDescription": "", - "MvcAdditionalFiles": [], - "DemoType": "Web" - } - ] } ] },