Back to Devexpress

DxRibbonComboBoxItem<TData, TValue>.Width Property

blazor-devexpress-dot-blazor-dot-dxribboncomboboxitem-2-b8703af9.md

latest2.1 KB
Original Source

DxRibbonComboBoxItem<TData, TValue>.Width Property

Specifies the ribbon combo box item width.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

csharp
[DefaultValue("auto")]
[Parameter]
public string Width { get; set; }

Property Value

TypeDefaultDescription
String"auto"

The width, in CSS units.

|

Remarks

Use the Width property to specify the size of the combo box item.

razor
...
<DxRibbonComboBoxItem Data="FontSizes"
                      @bind-Value="CurrentFontSize"
                      TextFieldName="@nameof(FontSizeInfo.Size)"
                      AllowUserInput="true"
                      NullText="Font Size"
                      Width="120px" />
...
@code {
    private FontSizeInfo CurrentFontSize { get; set; }
    private IEnumerable<FontSizeInfo> FontSizes => FontSizeInfo.DefaultFontSizes;
}
csharp
public class FontSizeInfo {
    public int Size { get; private set; }

    public FontSizeInfo(int size) {
        Size = size;
    }
    public static readonly FontSizeInfo[] DefaultFontSizes = new FontSizeInfo[] {
            new FontSizeInfo(8),
            new FontSizeInfo(10),
            new FontSizeInfo(12),
            new FontSizeInfo(14),
            new FontSizeInfo(18),
            new FontSizeInfo(24),
        };
}

Implements

DevExpress.Blazor.Ribbon.IRibbonComboBox<TData, TValue>.Width

See Also

DxRibbonComboBoxItem<TData, TValue> Class

DxRibbonComboBoxItem<TData, TValue> Members

DevExpress.Blazor Namespace