Skip to main content
All docs
V24.2

DxEditorBase.SizeMode Property

Specifies the component’s size.

Namespace: DevExpress.Blazor.Base

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(null)]
[Parameter]
public SizeMode? SizeMode { get; set; }

Property Value

Type Default Description
Nullable<SizeMode> null

The size mode. If the property is not specified (the value is null), the size is determined by the SizeMode global option.

Available values:

Name Description
Small

Small size.

Medium

Medium size.

Large

Large size.

Remarks

The following code snippet applies the Large mode to the List Box component:

@using BlazorApp.Data

<DxListBox Data="@Staff.DataSource"
           @bind-Values="@Values"
           TextFieldName="@nameof(Person.Text)"
           SelectionMode="ListBoxSelectionMode.Multiple"
           ShowCheckboxes="true"
           SizeMode="SizeMode.Large">
</DxListBox>

@code {
    IEnumerable<Person> Values { get; set; } = Staff.DataSource.Take(1);
}

The following image shows the same List Box component in different size modes:

List Box - Size mode

For more information, refer to Size Modes.

Implements

See Also