Skip to main content

MenuItemStyle.DropDownButtonSpacing Property

Gets or sets the amount of space between the right border of a menu item and the drop down button displayed at the menu level that the current style applies to.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v22.1.dll

NuGet Package: DevExpress.Web


[DefaultValue(typeof(Unit), "")]
public virtual Unit DropDownButtonSpacing { get; set; }

Property Value

Type Default Description
Unit String.Empty

A Unit that represents the spacing value.

Property Paths

You can access this nested property as listed below:

Object Type Path to DropDownButtonSpacing


The DropDownButtonSpacing property is in effect for the parent root items and sub-items with an enabled drop down button (the MenuItem.DropDownMode property is set to true).


For sub-items, the DropDownButtonSpacing property is applied to all items at the specified menu level, even if some of the item’s drop down buttons are enabled.


This sample demonstrates how to enable drop down mode for the ASPxMenu items via the MenuItem.DropDownMode property.

<dxm:ASPxMenu ID="ASPxMenu1" runat="server">
      <dxm:MenuItem Text="Yahoo">
         <Image Url="~/Images/Yahoo.png" />
      <dxm:MenuItem Text="Google">
         <Image Url="~/Images/Google.png" />
      <dxm:MenuItem Text="LiveSearch">
         <Image Url="~/Images/LiveSearch.png" />
      <dxm:MenuItem DropDownMode="True" Text="Other">
            <dxm:MenuItem Text="">
               <Image Url="~/Images/ASK.png" />
            <dxm:MenuItem Text="Altavista">
               <Image Url="~/Images/AltaVista.png" />
<ItemStyle DropDownButtonSpacing="10px">
      <HoverStyle BackColor="#999999">
See Also