Released: Jul 2, 2025

25.1 での更新項目

機能

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.