DxRibbon.DropDownMenuMaxHeight Property

Limits the maximum height of Ribbon drop-down menus.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v25.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(null)]
[Parameter]
public string DropDownMenuMaxHeight { get; set; }

Property Value

Type	Default	Description
String	null	The height in CSS units.

Remarks

Use the DropDownMenuMaxHeight property to limit the maximum height of Ribbon drop-down menus:

• Application tab and all its submenus.
• Item drop-down menus.
• Root submenu with hidden items in adaptive mode.

Note

This property does not affect selector items:

• DxRibbonComboBoxItem<TData, TValue>
• DxRibbonColorPaletteItem

The height is specified in CSS units and includes padding and border. Numeric value without a unit will be interpreted as pixels.

When the content of a drop-down menu exceeds the specified DropDownMenuMaxHeight, a scrollbar is added to ensure all items remain accessible. If the total height of the submenu items is less than the DropDownMenuMaxHeight, this property does not have a visible effect.

The following code snippet limits the maximum height of Ribbon drop-down menus to 100px:

<DxRibbon DropDownMenuMaxHeight="100px">
    <DxRibbonTab Text="Home">
        <DxRibbonGroup Text="Style">
            <DxRibbonItem Text="Format" IconCssClass="dx-icon-font">
                <DxRibbonItem Text="Bold" IconCssClass="dx-icon-bold" />
                <DxRibbonItem Text="Italic" IconCssClass="dx-icon-italic" />
                <DxRibbonItem Text="Underline" IconCssClass="dx-icon-underline" />
                <DxRibbonItem Text="Subscript" IconCssClass="dx-icon-subscript" />
                <DxRibbonItem Text="Superscript" IconCssClass="dx-icon-superscript" />
            </DxRibbonItem>
        </DxRibbonGroup>
    </DxRibbonTab>
</DxRibbon>

Implements

DropDownMenuMaxHeight