Skip to main content

DxResizableEditorBase<T, JSProxyType>.SizeMode Property

Specifies an editor size.

Namespace: DevExpress.Blazor.Base

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

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

Property Value

Type Default Description
Nullable<SizeMode> null

A SizeMode enumeration value.

Available values:

Name Description
Small

Small size.

Medium

Medium size.

Large

Large size.

Remarks

Use the SizeMode property to specify an editor size. The following size modes are supported:

Size mode

Description

Not specified (NULL)

An editor inherits its size from the parent component. For example, if editor is located within the Data Grid’s Edit Form, template or pager, editor’s size is controlled by the InnerComponentSizeMode property.
If the parent component’s size mode is not specified or you use a stand-alone editor, editor’s size is specified by the SizeMode global option.

Large

An editor size is large.

Medium

An editor size is medium.

Small

An editor size is small.

The following code snippet applies different size modes to ComboBox components.

<DxComboBox Data="@Cities"
            NullText="Select City ..."
            @bind-Value="@Value"
            SizeMode="SizeMode.Small">
</DxComboBox>

<DxComboBox Data="@Cities"
            NullText="Select City ..."
            @bind-Value="@Value"
            SizeMode="SizeMode.Medium">
</DxComboBox>

<DxComboBox Data="@Cities"
            NullText="Select City ..."
            @bind-Value="@Value"
            SizeMode="SizeMode.Large">
</DxComboBox>

@code {
    IEnumerable<string> Cities = new List<string>() {
        "London",
        "Berlin",
        "Paris",
    };

    string Value = null;
    string Value { get => Value; set { Value = value; InvokeAsync(StateHasChanged); } }
}

ComboBox - Size modes

For more information, refer to Size Modes.

Run Demo: ComboBox – Overview

See Also