DevExpress Blazor UI Components 20.2.6

Data Grid

• Drop-Down Width Modes for Combobox Columns - Added the DropDownWidthMode property to the Data Grid's combobox column. Use this property to set the width of the combobox column editor’s drop-down list. This editor is displayed within the filter row and edit form. The following three modes are available:
  • ContentOrEditorWidth (Default) - Item text is fully displayed. Minimum list width matches the editor.
  • ContentWidth - List width equals the width of the longest list item.
  • EditorWidth - List width matches the editor. List items are truncated if they do not fit.

Scheduler

• New API to Track StartDate Changes - The StartDate property now supports two-way binding to the data field. A new StartDateChanged event allows you to track StartDate property changes and perform any necessary custom actions.
• Common Settings for Recurrent Appointments - Added a new DxSchedulerRecurrenceSettings class that allows you to specify common values for appointment recurrence properties. You can specify an instance of this class with your own configuration to the new RecurrenceSettings property of the Scheduler Data Storage.

Chart

• Grid Lines - A new DxChartAxisGridLines.Visible property allows you to display or hide grid lines (per axis). By default, the Blazor Chart displays grid lines for the value axis but hides them for the argument axis. To change grid line visibility for an axis, add the DxChartAxisGridLines component and set the Visibility property.
• Tooltip Position - You can display the DxChartTooltip component inside or outside a series using the new Position property.

Data Editors

• HTML Events - DevExpress Blazor Editors ship with a comprehensive API (properties, methods, and events) to help you configure and customize the components. If the included API does not meet your requirements, you can use standard HTML attributes and event handlers to further configure the Blazor components. HTML event handlers are automatically assigned to the component’s input element. This ensures that events such as onblur or onfocus work seamlessly with the components.