blazor-devexpress-dot-blazor-dot-dxribbon-ed58dfce.md
Limits the maximum height of Ribbon drop-down menus.
Namespace : DevExpress.Blazor
Assembly : DevExpress.Blazor.v25.2.dll
NuGet Package : DevExpress.Blazor
[DefaultValue(null)]
[Parameter]
public string DropDownMenuMaxHeight { get; set; }
| Type | Default | Description |
|---|---|---|
| String | null |
The height in CSS units.
|
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:
<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>
See Also