Breaking Change T1127069
Visible to All Users

Default control sizes and spacings were changed in all themes

What Changed

Blazor Components (regardless of the used size mode) have been downsized. Our new Large Size Mode mirrors what used to be “Medium.” Our new Medium mode is closer to what used to be “Small.” And our new Small mode allows you to deliver interfaces similar to desktop apps such as Microsoft Outlook.

New size modes will affect all spacings/sizes across supported Blazor components. For example, our Blazor Form Layout component will adjust paddings between items/groups based on the selected size mode.

In addition, the new size modes will be applied to our Blazor Data Grid (DxGrid), Tabs, Flyout, and other UI components that did not support size modes previously.

Reasons for Change

These changes were made to make the Size Mode behavior more consistent throughout DevExpress Blazor components and to cater for "dense" interfaces that display more relevant information on screen.

How to Update Existing Apps

You can specify the global SizeMode property value in Program.cs to make DevExpress Blazor components larger or smaller across the entire app.

C#
using DevExpress.Blazor; builder.Services.AddDevExpressBlazor(configure => configure.SizeMode = DevExpress.Blazor.SizeMode.Large);

Disclaimer: The information provided on DevExpress.com and affiliated web properties (including the DevExpress Support Center) is provided "as is" without warranty of any kind. Developer Express Inc disclaims all warranties, either express or implied, including the warranties of merchantability and fitness for a particular purpose. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.

Confidential Information: Developer Express Inc does not wish to receive, will not act to procure, nor will it solicit, confidential or proprietary materials and information from you through the DevExpress Support Center or its web properties. Any and all materials or information divulged during chats, email communications, online discussions, Support Center tickets, or made available to Developer Express Inc in any manner will be deemed NOT to be confidential by Developer Express Inc. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.