Skip to main content
All docs
V25.1
  • IComboBoxSettings.DropDownWidthMode Property

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

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

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

    Property Value

    Type Default Description
    DropDownWidthMode ContentOrEditorWidth

    An enumeration value.

    Available values:

    Name Description
    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:

    • Call the GetColumnEditSettings method to get editor settings of the column bound to the specified data source field.

      Important

      You need to enclose your code between BeginUpdate and EndUpdate method calls to change values of Grid component parameters outside the Grid component markup. Otherwise, an exception occurs.

      var comboBoxSettings = e.Grid.GetColumnEditSettings<IComboBoxSettings>("CategoryId");
      if(comboBoxSettings != null) {
          e.Grid.BeginUpdate();
          comboBoxSettings.DropDownWidthMode = DropDownWidthMode.EditorWidth;
          e.Grid.EndUpdate();
      }
      
    • Handle the CustomizeFilterRowEditor event to customize a cell editor in the filter row.
      void Grid_CustomizeFilterRowEditor(GridCustomizeFilterRowEditorEventArgs e) {
          if(e.EditSettings is IComboBoxSettings comboBoxSettings)
              comboBoxSettings.DropDownWidthMode = DropDownWidthMode.EditorWidth;
      }
      
    • Handle the CustomizeDataRowEditor event to customize a cell editor in a data row.
      void Grid_CustomizeDataRowEditor(GridCustomizeDataRowEditorEventArgs e) {
          if(e.EditSettings is IComboBoxSettings comboBoxSettings)
              comboBoxSettings.DropDownWidthMode = DropDownWidthMode.EditorWidth;
      }
      
    See Also