MenuItemStyle.DropDownButtonStyle Property
Gets the style settings which define a drop down button‘s appearance.
Namespace: DevExpress.Web
Assembly: DevExpress.Web.v24.1.dll
NuGet Package: DevExpress.Web
Declaration
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.
<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>