Released: Jul 2, 2025

25.1 での更新項目

機能

DevExpress VCL Subscription

A Preview of the Report Designer and Report Viewer

• Powered by JS/DevExtreme Wrappers for Delphi/C++Builder - The DevExpress VCL component suite is taking a big step toward modernization with the new AI-powered Reporting Platform (ExpressReports) - a bridge that leverages the DevExpress JavaScript Report Designer and Viewer for use in native VCL apps (using modern web-based design capabilities via WebView and ASP.NET Core). All required .NET and JS dependencies are embedded into a single self-contained EXE file transparently. As such, you can use Delphi/C++Builder for many report customizations. ExpressReports is available as a Community Technology Preview (CTP).

Accessibility, UI Automation, and Keyboard Navigation

• VCL v25.1 includes enhancements for the following DevExpress VCL UI components:
  • VCL Form Layout Manager (including layout groups, tabs).
  • VCL Data Grid (key navigation, read-only, and partial data editing scenarios without complex interactions).
  • Other popular VCL Data Editors (key usage scenarios for both in-place and standalone editors).

Artificial Intelligence

• The VCL Rich Edit Text Editor and Memo components now include Summary, Translation, and other ""smart"" functions.
• The VCL Report Designer and Viewer components (shipped as part of the new ExpressReports Suite) also inherit the AI-powered functions from the DevExpress Reports for ASP.NET Core/JS.

Design-Time Enhancements

• RAD Studio 12.3 Support - VCL v24.2.5+ and v25.1 officially support the most recent versions of RAD Studio (Delphi 12.3 and C++Builder 12.3 for both 32-bit and 64-bit).
• 64-bit IDE Support - In addition, DevExpress VCL libraries include 64-bit design-time packages to support 64-bit design-time functionality introduced in RAD Studio 12.3.
• Online Help Integration - You can press F1 in the IDE to open corresponding online help topics in a browser. The VCL installers no longer include offline documentation (it's still available as a separate download).
• Dark Mode Support - Improved developer-specific user experiences and modified DevExpress dialogs and wizards to apply the dark theme selected in the IDE.

Simplified Application-Wide Skin

• VCL v25.1 now propagates global TdxSkinController skin settings to the Layout Control, Navigation Bar, and Bar Manager components (if UseGlobalSkin is enabled in code or in the Project Settings dialog). For the majority of developers, these changes will produce fewer errors and simplify configuration across multiple usage scenarios (see examples: one, two, three). This should not affect customers who prefer advanced/ad-hoc skin customizations or where a global skin is not required (users can also revert to the previous behavior using feature toggles).

Layout Control

• Layout Control users no longer need to deal with TdxLayoutCxLookAndfeel or TdxLayoutSkinLookAndFeel if UseGlobalSkin = True is set in code or in the Project Settings dialog. Much like the TdxRibbon control, the TdxLayoutControl now automatically updates skin settings from the TdxSkinController component used in the application (including components added inside the layout control).

Navigation Bar

• Improved the design-time experience for the Navigation Bar control's Appearance Designer in the following manner:
  • Sorted different views so that skinnable appear at the top.
  • Filtered the Color Scheme dropdown based on available/global project skins.
  • Updated icons and added Dark Mode support in the designer.
  • Set the default view to Accordion (instead of the Base view for newly added controls).

Bar Manager

• Again, if UseGlobalSkin = True is set in code or in the Project Settings dialog, and users have not changed the TdxBarManager.Style property (it is not set in DFM and is bmsEnhanced by default), the Bar Manager automatically updates its skin settings from the TdxSkinController component used in the application.
• The default Style value depends on the Native Style installer setting (""Use native look and feel style as default for DevExpress components""): if True, the default value is bmsUseLookAndFeel, otherwise the default value is bmsEnhanced.
• You can revert to previous behavior via UseGlobalSkin = False (in project settings) or global TdxBarManager.DefaultUseGlobalSkin = bFalse (in the module initialization section, when you have multiple places to customize).

Status Bar

• The same changes made to TdxBarManager also apply to TdxStatusBar. Similarly, you can revert to previous behavior via UseGlobalSkin = False and TdxStatusBar.DefaultUseGlobalSkin = bFalse. The only differences are:
  • The name of the property and its default value - TdxStatusBar.PaintStyle and stpsStandard, respectively.
  • The Status Bar does not depend on installer settings.

A Simpler Way to Save/Restore the Grid and TreeList State

• In the v25.1 release cycle, DevExpress simplified the following save/restore layout-related capabilities:
  • Save and restore expanded, selected, focused, and top visible nodes/records into a file/stream.
  • Added support for the Data Grid's table and banded views along with the TreeList.
  • Included plug-and-play runtime experiences with existing StoreToXXX (IniFile/Registry/Storage/Stream) control methods. You can now pass required layout parameters into these storage methods (like gsoFocusedRecords or gsoSelectedRecords).
• These operations/capabilities now require much less code to copy/maintain across different versions of RAD Studio.
• Additionally, new StoreDataViewState/RestoreDataViewState methods allow you to separate default layout settings (like column width, order, etc) from data layout/structure (focused rows, groups, etc).

DevExtreme Complete

JavaScript Components

New CardView Component

• DevExtreme v25.1 ships with a new CardView UI component - an elegant alternative to traditional data grids. The CardView UI component presents business data/information using a "card" layout, making it an ideal option for employee directories, contact lists, product catalogs, or task boards.
• Header Panel - Header Panel allows users to execute the following actions:
  • Sorting. Click on the header panel item to sort cards.
  • Reordering. You can drag header panel items to reorder fields in cards. The dragging indicator displays which drop areas are valid and which are not.
  • Filtering. Click the filter icon to access a dropdown for value selection.
  • Column visibility control. You can control card field visibility by dragging header panel items into the Column Chooser (when using drag-and-drop mode).

New Stepper Component

• DevExtreme Stepper displays progress as users move through multi-step processes and forms. The component is ideal for checkouts, onboarding forms, set-up wizards, and more.

HTML Editor - AI-powered Text Editing

• With v25.1, users can now apply predefined and custom AI prompts to selected text or entire content. The ""ai"" toolbar item includes the following predefined commands:
  • Summarize.
  • Proofread.
  • Expand.
  • Shorten.
  • Change style.
  • Change tone.
  • Translate.
  • Ask AI assistant.

DataGrid and TreeList Enhancements

• As part of a broader commitment to full standard compliance and delivering the best possible user experience for everyone, DevExpress focused on multiple accessibility enhancements during the v25.1 release cycle.
• Cell and row navigation shortcuts - Both the DevExtreme DataGrid and TreeList support new shortcuts for quick navigation through cells and rows.
• Column reordering - You can now move DataGrid/TreeList column to the left or right of its current position using context menu items or corresponding shortcuts.
• Grouping/Ungrouping - The DataGrid now supports column grouping/ungrouping using context menu items or corresponding shortcuts.

Chat Enhancements

• Editing and Deleting Messages - v25.1 introduces message editing/deleting capabilities. The Chat instance owners (chat.user) can edit and delete his or her own messages but cannot modify those of others. To modify a message, right-click it or long tap on a mobile device. A context menu with ""Edit"" and ""Delete"" buttons will appear on-screen. When editing, message content appears in the input field. To simplify edit operations, a preview above the input is used to display the original message.
• Image Rendering - Configuring image display within messages is now simpler than ever. You no longer need to use a template to programmatically display an image inside a message. To render an image within a message programmatically, simply set message type to ""image"" and specify the src for the image.

Scheduler - Toolbar Customization

• v25.1 adds a fully customizable toolbar to the DevExtreme Scheduler. Configuration options include:
  • Predefined Elements: Select and arrange built-in elements.
  • DevExtreme Components: Add components such as Button or Checkbox.
  • Custom Elements: Define templates for custom items.

Map - Custom Route Modes

• With this update, DevExtreme Map allows you to set custom route options for multiple transportation modes.

Accessibility

• DevExtreme Scheduler ships with the following accessibility-related enhancements:
  • Improved Status messages: When you focus the Scheduler, it now reads the component name, current view, visible date range, and whether the time indicator is present. This change allows screen readers to communicate component state changes to users.
  • Screen readers can now pronounce resources for Scheduler appointments.
  • Improved appointment editing window. Screen readers can now pronounce all elements within the window.

Standalone Angular Components Support

• Angular introduced standalone components in v14. With v19, default components created with Angular CLI are now standalone. Accordingly, DevExpress transitioned from modules to standalone components across the entire DevExtreme Angular component line. Standalone Angular components allow you to only import required components and directives, without creation or maintenance of NgModules. DevExpress also moved to standalone components in the DevExtreme CLI Angular application.

Create React Applications with Vite and Next.js

• Previously, DevExtreme CLI used create-react-app (CRA) as its build tool for React applications. In February 2025, CRA was deprecated. With this update (DevExtreme v25.1), DevExpress switched from CRA to Vite. They also added Next.js support when creating DevExtreme React application. If you require a straightforward/simple build tool for your lightweight DevExtreme React application, choose Vite. Next.js, in contrast, is a React framework with features such as built-in routing, server-side rendering, and static site generation. Next.js is ideal for building advanced applications.

DevExpress ASP.NET and Blazor

JavaScript and ASP.NET Core Components

New CardView Component

• DevExtreme v25.1 ships with a new CardView UI component - an elegant alternative to traditional data grids. The CardView UI component presents business data/information using a "card" layout, making it an ideal option for employee directories, contact lists, product catalogs, or task boards.
• Header Panel - Header Panel allows users to execute the following actions:
  • Sorting. Click on the header panel item to sort cards.
  • Reordering. You can drag header panel items to reorder fields in cards. The dragging indicator displays which drop areas are valid and which are not.
  • Filtering. Click the filter icon to access a dropdown for value selection.
  • Column visibility control. You can control card field visibility by dragging header panel items into the Column Chooser (when using drag-and-drop mode).

New Stepper Component

• DevExtreme Stepper displays progress as users move through multi-step processes and forms. The component is ideal for checkouts, onboarding forms, set-up wizards, and more.

HTML Editor - AI-powered Text Editing

• With v25.1, users can now apply predefined and custom AI prompts to selected text or entire content. The ""ai"" toolbar item includes the following predefined commands:
  • Summarize.
  • Proofread.
  • Expand.
  • Shorten.
  • Change style.
  • Change tone.
  • Translate.
  • Ask AI assistant.

DataGrid and TreeList Enhancements

• As part of a broader commitment to full standard compliance and delivering the best possible user experience for everyone, DevExpress focused on multiple accessibility enhancements during the v25.1 release cycle.
• Cell and row navigation shortcuts - Both the DevExtreme DataGrid and TreeList support new shortcuts for quick navigation through cells and rows.
• Column reordering - You can now move DataGrid/TreeList column to the left or right of its current position using context menu items or corresponding shortcuts.
• Grouping/Ungrouping - The DataGrid now supports column grouping/ungrouping using context menu items or corresponding shortcuts.

Chat Enhancements

• Editing and Deleting Messages - v25.1 introduces message editing/deleting capabilities. The Chat instance owners (chat.user) can edit and delete his or her own messages but cannot modify those of others. To modify a message, right-click it or long tap on a mobile device. A context menu with ""Edit"" and ""Delete"" buttons will appear on-screen. When editing, message content appears in the input field. To simplify edit operations, a preview above the input is used to display the original message.
• Image Rendering - Configuring image display within messages is now simpler than ever. You no longer need to use a template to programmatically display an image inside a message. To render an image within a message programmatically, simply set message type to ""image"" and specify the src for the image.

Scheduler - Toolbar Customization

• v25.1 adds a fully customizable toolbar to the DevExtreme Scheduler. Configuration options include:
  • Predefined Elements: Select and arrange built-in elements.
  • DevExtreme Components: Add components such as Button or Checkbox.
  • Custom Elements: Define templates for custom items.

Map - Custom Route Modes

• With this update, DevExtreme Map allows you to set custom route options for multiple transportation modes.

Accessibility

• DevExtreme Scheduler ships with the following accessibility-related enhancements:
  • Improved Status messages: When you focus the Scheduler, it now reads the component name, current view, visible date range, and whether the time indicator is present. This change allows screen readers to communicate component state changes to users.
  • Screen readers can now pronounce resources for Scheduler appointments.
  • Improved appointment editing window. Screen readers can now pronounce all elements within the window.

Standalone Angular Components Support

• Angular introduced standalone components in v14. With v19, default components created with Angular CLI are now standalone. Accordingly, DevExpress transitioned from modules to standalone components across the entire DevExtreme Angular component line. Standalone Angular components allow you to only import required components and directives, without creation or maintenance of NgModules. DevExpress also moved to standalone components in the DevExtreme CLI Angular application.

Create React Applications with Vite and Next.js

• Previously, DevExtreme CLI used create-react-app (CRA) as its build tool for React applications. In February 2025, CRA was deprecated. With this update (DevExtreme v25.1), DevExpress switched from CRA to Vite. They also added Next.js support when creating DevExtreme React application. If you require a straightforward/simple build tool for your lightweight DevExtreme React application, choose Vite. Next.js, in contrast, is a React framework with features such as built-in routing, server-side rendering, and static site generation. Next.js is ideal for building advanced applications.

ASP.NET Core

• Rich Text Editor Zoom - The Rich Text Editor's built-in Ribbon includes a UI command designed to zoom in and out of documents.

Blazor UI Components

Legacy Components - Deprecated

• Legacy Data Grid, ComboBox, Tag Box, and List Box are no longer available.

New Blazor Filter Builder (CTP)

• The new DevExpress Blazor Filter Builder UI component allows users to create complex filter criteria with ease. The Blazor Filter Builder component (available as a Community Technology Preview in the v25.1 release cycle) uses the popular CriteriaOperator language and can be connected to any data-aware DevExpress Blazor component.

Blazor Themes

• Fluent - Official Release - The DevExpress Fluent theme for Blazor is now ready for production use. The new version includes visual enhancements for all DevExpress Blazor components, improved Scheduler UI/UX, and unique icons for all size modes.
• Fluent - Accent Colors - The Fluent theme now includes 11 built-in accent color options.
• New Theme API
  • Register Theme - You can register DevExpress Blazor themes using the new ResourceManager.RegisterTheme(ITheme) method.
  • Clone and Customize Themes - You can now clone built-in DevExpress themes using the Clone() method. This method allows you to add your own CSS files to a theme and load them when this theme is applied. For themes based on Fluent, you can also customize theme properties.
  • Switch Themes at Runtime - With the new theme APIs, you can easily switch between multiple themes at runtime.
• Updated Fluent UI Kit for Figma - The DevExpress Blazor Fluent UI Kit was updated. It now includes more than 50 ready-to-use components that replicate look and feel of the controls. Using Blazor UI Kit, teams can build design prototypes faster and ensure that mockups align with capabilities/styling of DevExpress Blazor components.

App Showcase Demo

• New CRM, Analytics, and Scheduling/Planning modules (built with the Blazor Grid, TreeList, Scheduler, ListBox, ComboBox, Charts, and other DevExpress Blazor UI components).
• The showcase demo utilizes InteractiveAuto render mode, introduced in .NET 8 - using Blazor Server for fast initial load and seamlessly transitioning to WebAssembly (WASM) for optimal speed and responsiveness.
• The application uses the new Fluent theme with light/dark mode support. Each module is built with reusable code, so you can easily adapt/integrate module components into your next DevExpress-powered Blazor project.

New Project Templates

• DevExpress extended Blazor Project Templates in the new Cross-IDE Project Template Kit (available for Visual Studio and VS Code). Main Blazor Templates now include the following options:
  • Built-in authentication UI.
  • Global interactivity configuration.
  • Theme and Size Mode selection.
  • Resource registration for DevExpress Blazor Rich Text Editor, Pivot Table, and PDF Viewer.
  • AI service setup.

Performance Enhancements

• Blazor Package Size Optimization - Reorganized CSS files used across DevExpress Blazor Themes and removed Bootstrap dependencies where possible. As a result, the total size of Blazor Theme resources was reduced by 80% (for instance a DevExpress-powered Blazor application that once required 218 MB (in v24.2) now only needs 79 MB).
• Blazor Grid, Pivot Table, and Scheduler - Faster Rendering - In v25.1, DevExpress optimized the internal structure of the DevExpress Blazor Grid, Pivot Table, and Scheduler component. This change helps reduce the number of rendered elements, improves component load time, and minimizes client-server traffic (transferred via WebSocket after UI interactions).
• Blazor Grid - Fixed Column Rendering - DevExpress optimized style calculations for fixed columns to increase initial rendering speed of the DevExpress Blazor Grid component (especially when displaying many columns).
• Blazor Scheduler - Improved UI Responsiveness - DevExpress optimized key aspects of the DevExpress Scheduler UI component to deliver smoother performance in Blazor Server apps (especially over slower connections).
• Blazor Toolbar, Ribbon and Context Menu - Faster Popup Opening - DevExpress reduced server-client message traffic for the popup menus. As a result, menus now open 20-70% faster in Blazor Server apps (based on network conditions and item count). These improvements apply to DevExpress Blazor Toolbar, Ribbon, and Context Menu components, as well as other components that use the menus internally.
• Blazor Rich Text Editor and HTML Editor - Popup Optimization - DevExpress Blazor Rich Text Editor and HTML Editor components in Blazor Server apps now open integrated Ribbon menus and context menus faster. DevExpress also optimized AI-powered command initialization and significantly improved context menu performance when AI features are enabled.

Blazor AI Chat

• Prompt Suggestions - The Blazor AI Chat component supports prompt suggestions - hints that guide users to possible actions. The component displays prompt suggestions (hint bubbles) when the chat area is empty.
• File Attachments - Users can now attach files when sending messages to the Blazor AI Chat.
• Stop Chat Message Generation - The Blazor AI Chat component allows users to stop chat message generation before it is complete. You can also use the CancellationToken argument property in a MessageSent event handler to process cancellations in code.
• API to Reuse an Existing OpenAI Assistant - You can now connect the Blazor AI Chat to an initialized OpenAI Assistant. This allows you to use a single OpenAI Assistant instance to initiate multiple tasks within a single app.

Blazor Grid

• Row-based Drag and Drop Enhancements - Users can now move rows between master and detail areas of the DevExpress Blazor Grid UI component via drag and drop operations.

Blazor Grid and TreeList

• PDF Export - DevExpress Blazor Grid and TreeList UI components now support PDF export. This feature allows you to generate PDF documents that reflect the current filter, sort order, and group settings.
• Keyboard Support Enhancements
  • Filter Row: Users can now enter a new filter value even if a cell editor is inactive (no need to press Enter first).
  • Edit Row: The Enter/Esc key now saves/discards changes made in the edited row and exits edit mode.
  • Cell Editing: If the EditOnKeyPress property is enabled, users can begin typing a new value into a focused cell (replacing the previous value). The EnterKeyDirection option specifies where focus moves after a user presses the Enter key (moves within a row/column or stays in place).

Blazor TreeList

• Filtering and Sorting by Display Text - The DevExpress Blazor TreeList UI component can now sort/filter column data by text (instead of actual values). This behavior is especially useful for foreign key columns, as they display data from external collections.
• Search Box - The DevExpress Blazor TreeList UI component includes a progressive case-insensitive search option (allows you to locate matched text as you type). When you type within the search box, the Blazor TreeList filters data rows, displays those that match the search string, and highlights search results.

Blazor Charts

• Visual Range and Zoom API Enhancements - The DevExpress Blazor DxChart component allows you to react to axis visual range changes using the VisualRangeChanged event.
• Series Label API Enhancements - With v25.1, DevExpress expanded the list of available series label options. The DxChartSeriesLabel component now includes the following properties that affect pie series labels.
• Legend Click Events - v25.1 includes DxChart.LegendClick, DxPolarChart.LegendClick, and DxPieChart.LegendClick events. Handle these events to execute custom logic when users click legend items.
• Automatic Line Series Order - DevExpress Blazor Charts support configurable ordering of line series connectors.

Blazor Data Editors

• Blazor ComboBox - Set Data Load Mode - The DevExpress Blazor ComboBox allows you to manage data source interactions using DataLoadMode. Since v24.1, the Blazor ComboBox caches data to reduce frequent database requests. You can now set DataLoadMode to OnDemand (similar to behaviors available prior to v24.1). This option allows the ComboBox to fetch data from the data source each time the dropdown activates. When this option is used, the Blazor ComboBox does not preload data when the page loads (improving initial page load speed).
• Blazor Calendar and Date Edit - Picker View - The Blazor Calendar and Date Edit components allow you to limit selection to months, years, or decades. This can be useful for forms and fields that do not require a specific date value.
• Blazor Date Edit and Time Edit - Custom Increment Step - Time rollers (scroll pickers) for both the Blazor Date Edit and Time Edit components support custom increment steps. This allows you to display fewer values (e.g., an hour in 15 minute intervals) when precise selection is not necessary.
• Scroll Picker Localization - You can now localize scroll picker column captions in both Blazor Date Edit and Time Edit components.
• Blazor List Box - Select All - The DevExpress Blazor List Box can now display a Select All checkbox and allow users to select/deselect all list items simultaneously.
• API Enhancements
  • SearchBoxNullText - Specifies the prompt text displayed in the search box when it is empty.
  • SearchBoxInputDelay - Specifies the delay between the last input in the search box and when the List Box displays matching values.
• Column-Specific Cell Templates - DevExpress Blazor ComboBox, List Box, and TagBox now support customization of cell appearance within individual columns. A column-specific cell template is specified via the CellDisplayTemplate property. This property accepts a cell context and allows you to format cell data, apply styles, and add custom HTML markup. The CellDisplayTemplate property can be used alongside the ColumnCellDisplayTemplate property of the corresponding DevExpress Blazor component. If both templates are defined, the column-specific template takes precedence over the global ColumnCellDisplayTemplate for cells within a given column. Use this mechanism to define a common template for every column and then override it for columns that require unique formatting.

Blazor Pivot Table

• Filter Data - The Blazor Pivot Table allows you to add filter UI capabilities to your application and to filter Pivot Table data in code.
• Filter UI - Users can apply filters to row and column fields. Field headers display filter menu buttons with access to filter menus. These filter menus display all unique field values and allow users to select desired values. Filter menus include a built-in search box and a Select All checkbox.
• Filter API - The Pivot Table allows you to apply filters in code. You can create filter criteria based on specific values, ranges, or conditions, obtain this criteria, or clear the filter. For example, you might filter sales data to display transactions from a certain region or within a specific date range.
• Field Customization - With v25.1, the Blazor Pivot Table allows users to intuitively customize data layout by dragging fields between different areas (Rows, Columns, Data, and Filter) or within the same area.
• Persistent Layout - The DevExpress Blazor Pivot Table allows you to save and restore layout settings.

Blazor Rich Text Editor

• Zoom - The Rich Text Editor's built-in Ribbon includes a UI command designed to zoom in and out of documents.

Blazor Scheduler

• Toolbar Customization - The DevExpress Blazor Scheduler allows you to define custom toolbar items and customize the following built-in items:
  • Today button.
  • Next and Previous buttons.
  • Date navigator.
  • Resource navigator.
  • View selector.
• Appointment Form and Tooltip Customization - You can now specify the size of Scheduler pop-up elements: appointment form (compact/extended) and tooltips. You can also apply CSS classes to these elements.
• UI/UX Enhancements
  • A new render style mode for built-in toolbar items. DevExpress changed render style mode to Plain.
  • New icons used for the Today button and each view selector (Day, Work Week, Month, Timeline).
  • New appointment label colors for the Fluent theme. DevExpress updated default label colors, replacing bright colors with a pastel palette. This modification was designed to improve visual clarity and reduces eye strain.
  • New status styles for the Fluent theme. Appointment statuses now use styles similar to those of Microsoft Outlook.

Blazor Windows

• Lazy Loading and Pre-Rendering for Popups - DevExpress Blazor popup windows, popup dialogs, fly-outs, and drop-down windows allow you to control when content is rendered.