Tab

MenuItemStyle.DropDownButtonStyle Property

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

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v21.1.dll

Declaration

public virtual MenuItemDropDownButtonStyle DropDownButtonStyle { get; }

Property Value

Type Description
MenuItemDropDownButtonStyle

An MenuItemDropDownButtonStyle object that contains the style settings.

Property Paths

You can access this nested property as listed below:

Object Type Path to DropDownButtonStyle
HtmlEditorPasteOptionsBarStyles
.PasteOptionsBarItem.DropDownButtonStyle

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.

<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>
See Also