Back to Devexpress

IComboBoxSettings.DropDownWidthMode Property

blazor-devexpress-dot-blazor-dot-icomboboxsettings.md

latest2.7 KB
Original Source

IComboBoxSettings.DropDownWidthMode Property

Specifies the width of the combo box editor’s drop-down list.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

csharp
[DefaultValue(DropDownWidthMode.ContentOrEditorWidth)]
[Parameter]
DropDownWidthMode DropDownWidthMode { get; set; }

Property Value

TypeDefaultDescription
DropDownWidthModeContentOrEditorWidth

An enumeration value.

|

Available values:

NameDescription
ContentOrEditorWidth

The list displays item text completely. The minimum list width matches the editor.

| | ContentWidth |

The list width is equal to the width of the longest list item.

| | EditorWidth |

The list width matches the editor. List items are cut if they do not fit.

|

Remarks

Use the DropDownWidthMode property to change drop-down list width at runtime. To specify the width in markup, use the DxComboBoxSettings.DropDownWidthMode property.

The IComboBoxSettings interface allows you to get and customize settings of a combo box editor at runtime. You can get editor settings in the following ways:

csharp
void Grid_CustomizeFilterRowEditor(GridCustomizeFilterRowEditorEventArgs e) {
    if(e.EditSettings is IComboBoxSettings comboBoxSettings)
        comboBoxSettings.DropDownWidthMode = DropDownWidthMode.EditorWidth;
}
csharp
void Grid_CustomizeDataRowEditor(GridCustomizeDataRowEditorEventArgs e) {
    if(e.EditSettings is IComboBoxSettings comboBoxSettings)
        comboBoxSettings.DropDownWidthMode = DropDownWidthMode.EditorWidth;
}

See Also

IComboBoxSettings Interface

IComboBoxSettings Members

DevExpress.Blazor Namespace