Back to Devexpress

DxRibbon.DropDownMenuMaxHeight Property

blazor-devexpress-dot-blazor-dot-dxribbon-ed58dfce.md

latest2.9 KB
Original Source

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

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

Property Value

TypeDefaultDescription
Stringnull

The height in CSS units.

|

Remarks

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

Note

This property does not affect selector items:

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:

razor
<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

See Also

DxRibbon Class

DxRibbon Members

DevExpress.Blazor Namespace