DxResizableEditorBase<T, JSProxyType>.SizeMode Property

Specifies an editor size.

Namespace: DevExpress.Blazor.Base

Assembly: DevExpress.Blazor.v23.2.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 code below 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); } }
}

For more information, refer to Size Modes.

Run Demo: ComboBox – Overview