MenuItemStyle.DropDownButtonStyle Property

Gets the style settings which define a drop down button‘s appearance.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v23.2.dll

NuGet Package: DevExpress.Web

Declaration

C#

public virtual MenuItemDropDownButtonStyle DropDownButtonStyle { get; }

VB.NET

Public Overridable ReadOnly Property DropDownButtonStyle As MenuItemDropDownButtonStyle

Property Value

Type	Description
MenuItemDropDownButtonStyle	An MenuItemDropDownButtonStyle object that contains the style settings.

Remarks

Use the DropDownButtonStyle property to access and customize the style settings that define the appearance of drop down buttons at the menu level to which the current style applies.

Note

For a sub menu, the DropDownButtonStyle property’s settings are applied to all sub-items contained within the sub menu, even if one of the sub-item’s MenuItem.DropDownMode properties is set to true.

Example

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

ASPX

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