DevExpress ASP.NET 20.2.3

New in ASP.NET and MVC controls v20.2

Common Enhancements

• This release includes important quality-related enhancements for both WebForms/MVC data container controls (GridView, TreeList, and CardView) and WebForms/MVC Data Editors Library. Enhancements include (but are not limited to) the following:
  • Improved control behavior in Batch Edit mode. Re-designed UI "focus" mechanism and improved control behavior when rendered on touch screens.
  • Published new client-side APIs and improved control flexibility.
  • Improved both adaptivity and accessibility.
  • Fixed multiple issues related to server and client data validation in the controls.

Diagram

• Toolbox Options
  • SettingsToolbox.ShapeIconsPerRow- Specifies the number of shapes in a toolbox row.
  • SettingsToolbox.ShowSearch - Shows/hides the Toolbox search box.
  • ToolboxWidthToHeightRatio - Specifies the aspect ratio of toolbox shape items.
• Toolbox Shape Templates
  • Implemented the CustomShapeCreateToolboxTemplate event. This event allows you to create a template for custom shapes in the Toolbox.
• Autosize Shapes
  • When used in data-bound mode, the ASP.NET Diagram control now automatically resizes shapes to fit shape text.
  • Enable the new KeepRatioOnAutoSize option to retain the aspect ratio of a custom shape after resize operations.
  • To prevent auto-sizing operations, set the EnableAutoSize property to false.
• User Restrictions
  • The following new options allow you to control changes made to shapes and connectors.
    • Add Shape
    • Change Connection
    • Change Connector Points
    • Change Connector Text
    • Change Shape Text
    • Delete Connector
    • Delete Shape
    • Resize Shape
  • Created a new RequestEditOperation event for custom usage scenarios. Handle this event to restrict user actions as needed.
• Improved Connector Routing
  • Improved the algorithm used to compute orthogonal connector routing (to prevent crossing shapes).

Gantt

• Custom Task Tooltips
  • With the new TooltipShowing event, you can easily display custom content within task tooltips.
• Task Edit Dialog Customization
  • The new TaskEditDialogShowing event fires before the Task Edit dialog is displayed. Handle this event to hide or mark desired fields as read-only.
• Context Menu Customization API
  • The new ASP.NET Gantt API allows you to create and customize the context menu. You can add predefined menu items or create custom items as needed.
  • New API includes:
    • ContextMenu
    • ContextMenuCustomization
• New Client-Side API
  • Implemented 20+ new client-side events (DependencyDeleting, FocusedTaskChanging, FocusedTaskChanged, TaskMoving, ResourceInserting/Deleting/Updating, etc.) and over 15 new methods (InsertDependency, InsertTask, etc.).

API Enhancements

• The CustomButtonCallback event allows you to handle clicks on custom command buttons (TreeList).
• The HeaderFilterEditorInitializeevent allows you to customize a column's popup filter (GridView, CardView, VerticalGrid, TreeList).
• Enable the EnableScrolling option to display a vertical scroll bar within the context menu (GridView).
• The ASPxGridColumnDisplayTextEventArgs.Kind property gets the type of operation applied against grid data. (GridView, CardView, VerticalGrid, TreeList).

New in ASP.NET Core controls v20.2

New Query Builder

• The new ASP.NET Core Query Builder allows end-users to visually construct queries using the UI controls and apply those queries against existing DevExpress controls such as the ASP.NET Core DataGrid.

Data Grid

• Export to PDF (CTP)
  • You can now export DataGrid content to a PDF document. The new Export to PDF API offers the following:
    • Cell content and appearance customization.
    • Image export support.
    • Add custom content alongside the grid (such as a header or footer).
    • Export multiple grids into a single PDF document.

Data Grid and Tree List

• Data Editing API Enhancements
  • Extended the DataGrid and TreeList data editing API to better support declarative data bindings and to address new data editing scenarios. You can now:
    • Save all modified rows in a single request - batch edit mode.
    • Get notified when data editing is completed or canceled (onSaving, onSaved, onEditCanceling, onEditCanceled).
    • Access updated/inserted/deleted rows via declarative bindings (CTP).

Charts

• Map and Pie Chart Annotations
  • Both the Vector Maps and Pie Chart now support Data Annotations.
• Axis Label Templates
  • With this release, you can use templates to render images or custom content within chart axis labels.

Diagram

• Partial Updates
  • The Diagram for ASP.NET Core can now partially update its UI in response to external changes to its data source. As you might expect, data editing will no longer require a full reload on data change.
• Data Binding Enhancements
  • The new nodes.customDataExpr and edges.customDataExpr options allow you to link additional data source fields to Diagram elements. Linked data is replicated in the Diagram’s change history. As such, the Diagram control can undo/redo changes made to additional data fields.
• Toolbox Customization Options
  • toolbox.width - Specifies Toolbox width.
  • toolbox.shapeIconsPerRow - Specifies the number of shapes in a toolbox row.
  • toolbox.showSearch - Displays/hides the Diagram's Toolbox search box.
  • toolboxWidthToHeightRatio - Specifies the aspect ratio of toolbox shape items.
• Toolbox Shape Templates
  • New Diagram templates include:
    • customShapeToolboxTemplate - a common template for all shapes in the Toolbox.
    • toolboxTemplate - a template for an individual shape in the Toolbox.
• Autosize Shapes
  • When used in data-bound mode, the Diagram control now automatically resize shapes to fit shape text.
  • Enable the new keepRatioOnAutoSize option to retain the aspect ratio for a custom shape after resize operations.
  • To prevent auto-size operations, disable the autoSizeEnabled option.
• User Restrictions
  • New Diagram options allow you to control modifications made to Diagram shapes and connectors. These new options include:
    • Add Shape.
    • Change Connection.
    • Change Connector Points.
    • Change Connector Text.
    • Change Shape Text.
    • Delete Connector.
    • Delete Shape.
    • Resize Shape.
• Created a new requestEditOperation event to facilitate custom implementations. Handle this event to restrict user actions as needed.
• Improved Connector Routing
  • Improved the algorithm used to compute orthogonal connector routing (to prevent crossing shapes).

File Manager

• File Upload via Drag & Drop
  • DevExtreme File Manager widget supports file upload operations using drag & drop.

File Uploader

• File Upload - Custom Drop Zone
  • A new dropZone option allows you to specify a custom drop zone.
• API Enhancements
  • dialogTrigger - specifies the HTML element that invokes the file upload dialog.
  • upload - uploads a file(s).
  • abortUpload - cancels file upload.
  • removeFile - removes a file.

Gantt

• Context Menu Customization API
  • The new Gantt API allows you to create and customize its context menu. You can add predefined menu items or create custom items as needed.
    • contextMenu
    • contextMenuPreparing
• Custom Task Tooltips
  • This release includes a new taskTooltipContentTemplate option. Use this option to display custom content within task tooltips.
• Task Edit Dialog Customization
  • The new TaskEditDialogShowing event fires before the Task Edit dialog is displayed. Handle this event to hide or turn desired fields to read-only.
• New Client-Side API
  • Implemented 20+ new client-side events (dependencyDeleting, focusedTaskChanging, focusedTaskChanged, taskMoving, resourceInserting/Deleting/Updating, etc.) and over 15 new methods (insertDependency, insertTask, etc.).

HTML/Markdown Editor (CTP)

• Tables
  • The HTML/Markdown Editor can now render tables.
  • New API and UI options allow you to execute multiple table-related tasks (create/delete a table, insert/delete a row, column, or cell) with ease.

Pivot Grid

• Export to Microsoft Excel API
  • With the new PivotGrid API you can:
    • Customize cell data and appearance as needed.
    • Export PivotGrid Field Panel configuration data.
    • Add additional worksheets with custom data.
    • Display PivotGrid export progress/status.
    • Protect Excel cells and worksheets with passwords.

Rich Text Editor

• Document Protection API
  • The new Rich Text Editor API allows you to apply password protection to your online documents. With document protection, you can restrict editing to specific sections of an online document.
• Spell Checking
  • The ASP.NET Core Rich Text Editor includes an easy-to-use spell checking API.
  • To enable spell checking, do the following:
    • Activate the spellCheck.enabled option.
    • Specify the checkWordSpelling and addWordToDictionary functions.
  • The DevExpress ASP.NET Core Rich Text Editor includes a webpack configuration file so you can build a NSpell bundle with required dictionaries.
• Context Menu Customization
  • A new contextMenuShowing event allows you to rearrange menu items, create custom items, or prevent the display of the context menu.

Scheduler

• Virtual Scrolling
  • Enhanced both the performance and usability of the DevExtreme Scheduler. A new Virtual Scrolling mode is available for Day and Week views. When virtual scrolling is enabled, the Scheduler renders only visible grid cells and appointments.
• TimeZone Editor Enhancements
  • The TimeZone Editor is now represented as a single drop-down list that contains all time zones from IANA database sorted by UTC offset.
  • Added a search box and enabled "lazy loading" to improve user experience.

Themes

• SCSS Support
  • Migrated existing DevExtreme LESS styles to SCSS and made them modular. You can now integrate DevExtreme SCSS styles into your application build process. This change also allows you to precisely customize CSS styles and minimize resulting CSS bundles.
  • DevExtreme SCSS styles fully support the SCSS module system.

New in ASP.NET Bootstrap controls v20.2

Common Enhancements

• This release includes important quality-related enhancements for the WebForms Bootstrap data container controls (GridView, CardView) and WebForms Bootstrap Data Editors Library. Enhancements include (but are not limited to) the following:
  • Improved control behavior in Batch Edit mode. Re-designed UI "focus" mechanism and improved control behavior when rendered on touch screens.
  • Published new client-side APIs and improved control flexibility.
  • Improved both adaptivity and accessibility.
  • Fixed multiple issues related to server and client data validation in the controls.

Editors

• Styled Edit Buttons
  • Button styles allow you to indicate button states, semantics, and available user actions. Button styles include:
    • Primary
    • Secondary
    • Success
    • Info
    • Warning
    • Danger
    • Link
    • Light
    • Dark.
• Calendar, Date Edit - Month-Year Picker
  • DevExpress Bootstrap Calendar and Date Edit controls now support month-year selection mode.

API Enhancements

• The HeaderFilterEditorInitializeevent allows you to customize a column's popup filter (GridView, CardView).
• Enable the EnableScrolling option to display a vertical scroll bar within the context menu (GridView).
• The BootstrapGridViewColumnDisplayTextEventArgs.Kindproperty gets the type of operation applied against grid data. (GridView, CardView).

New in Blazor UI components 20.2.3

.NET 5

• Support for Microsoft .NET 5.0

New Grid Layout & Stack Layout

• v20.2 includes two new Blazor layout components - Grid Layout and Stack Layout.
• The Grid Layout is based on a two-dimensional CSS grid. It arranges layout items into rows and columns.
• The Stack Layout organizes items in a one-dimensional stack, either horizontally or vertically.

New Time Editor

• New Blazor Time Edit component ships with the following built-in features/capabilities:
  • DateTime / TimeSpan binding.
  • Integrated dropdown Time Picker.
  • 12 / 24 Hour Format support.
  • Min / Max Time support.
  • Read-Only and Disabled States.
  • Null Text.
  • Clear Button.

New Memo Edit

• New Memo component for Blazor includes the following features:
  • Bind to Data.
  • Custom Size.
  • Resize Modes (Horizontal, Vertical, Horizontal and Vertical).
  • Clear Button and Null Text.
  • Read-only State.

Data Grid

• Total and Group Summaries
  • The Blazor Data Grid can now compute summaries across all data rows or individual groups. Predefined aggregate functions include:
    • Sum.
    • Min.
    • Max.
    • Avg.
    • Count.
• Fixed Columns
  • You can now anchor columns to the left or rightmost edge of the grid. Fixed columns are never scrolled horizontally. Use the FixedStyle property to fix a column at the right or left edge.
• Column Resize
  • End-users can now resize grid columns as needed. To enable this feature, use the ColumnResizeMode property. Resize options include:
    • NextColumn.
    • Component.
    • Disabled.
• New Popup Edit Form
  • End-users can now edit column values within a popup form. To activate Popup Edit Form mode, set the EditMode property to PopupEditForm.
• Incremental Filtering
  • End-users can filter list items dynamically, based upon the text typed into the editor's input box. Filter modes include: Contains and StartsWith.

Data Editors

• Date Edit - Display Time
  • To display time values in the Date Edit component, use the new TimeSectionVisible property.
• Long Mouse Click / Long Key Press Support
  • A long mouse click and a long key press now change the Spin Edit's value. In the ComboBox and Tag Box components, a long key press navigates through items.
• ComboBox, TagBox, ListBox
  • Multiple Columns.
  • Binding to a Data Object Field.
• Calendar Enhancements
  • Date Validation
  • Nullable DateTime Support
  • Bind to a Date.
  • Min/Max Dates.

Visual Studio Integration

• Blazor Project Templates
  • DevExpress Template Gallery now includes Blazor Project Templates.

Scheduler

• Custom Appointment Form
  • The new AppointmentFormLayout and AppointmentCompactFormLayout properties allow you to create a custom Appointment Form as needed.
• Resources
  • You can now assign resources to appointments to browse multiple schedules simultaneously.
  • Use the new GroupType property to group appointments by resources or dates.
  • The Blazor Sheduler component integrates Resource Navigation that allows end-users to filter resource groups.
• Appointment Templates
  • You can now customize appointemnt appearance via templates. New templates include:
    • HorizontalAppointmentTemplate - applied to all-day appointments (displayed horizontally in the all-day panel);
    • VerticalAppointmentTemplate - applied to other appointments (displayed vertically).
• Custom Fields
  • Custom fields allow you to add custom data to appointments, labels, and statuses.
• New API
  • New API allows you to assign CSS classes to appointment labels and statuses.

Reporting for Blazor

• DevExpress Reports now supports Blazor and ships with a Document Viewer and feature-rich End-User Report Designer.
  *Important Note: Though DevExpress Reports supports Blazor, it is not included in the Blazor UI component distribution. To use DevExpress Reports within your Blazor application/project, you must purchase a DevExpress Subscription (Reporting Subscription, ASP.NET Subscription, DXperience, or Universal).
• Document Viewer
  • Preview and Print Documents.
  • Export to PDF, XLS, XLSX, RTF, DOCX, MHT, HTML, TXT, CSV, Image.
  • Page Navigation and Bookmarks.
  • Editing.
  • Search.
  • Skeleton Screen.
  • Multi-Page View.
  • Full-Screen Mode.
• Report Designer
  • Various Report Types (Table Report, Master-Detail Report, Invoice Report, Vertical Report, etc.).
  • 20+ Report Controls (including a Pivot Table and Charts).
  • Bind to Data (SQL, JSON, Excel, XPO and Object Data Sources).
  • Federated Data Source (integrate different data sources and get uniform data access with a federated query).
  • Data Source Wizard and Query Builder.
  • Report Wizard.
  • Integrated Document Viewer.
  • Bookmarks and Document Map.
  • Data Grouping, Sorting and Drill Down.
  • Calculated Fields and Report Parameters.
  • Skeleton Screen.
  • Appearance Customization.

Layout and Navigation

• Adaptivity
  • Breakpoints allow you to adapt page layouts to different screen resolutions.