MenuItem.SubMenuStyle Property
Gets the style settings for the client regions of all submenus of the current menu item.
Namespace: DevExpress.Web
Assembly: DevExpress.Web.v24.1.dll
NuGet Package: DevExpress.Web
Declaration
Property Value
Type | Description |
---|---|
MenuStyle | A MenuStyle object that contains the style settings for the client regions of the menu item’s submenus. |
Remarks
The SubMenuStyle property provides access to the style settings which define the common appearance style for the client regions of all submenus of the current menu item. A submenu’s client region is considered as an area where submenu items are displayed.
In order to access and change the client region style of all submenus within the menu control, the ASPxMenuBase.SubMenuStyle property can be used.
The appearance of menu items within all submenus of the current menu item can be defined via the MenuItem.SubMenuItemStyle property.
Example
<dx:ASPxMenu ID="ASPxMenu1" runat="server" Width="200px" ItemSpacing="0px" >
<Items>
...
<dx:MenuItem Text="Green">
<Items>
<dx:MenuItem Text="Green Item 1" />
<dx:MenuItem Text="Green Item 2" />
</Items>
<SubMenuStyle BackColor="Green" />
<TextTemplate>
<table style="background-color:Green;" height=100% width=100%>
<tr>
<td>
<dx:ASPxLabel ID="ASPxLabel2" runat="server" Text='<%# Eval("Text") %>' />
</td>
</tr>
</table>
</TextTemplate>
</dx:MenuItem>
...
</Items>
<ItemStyle Height="30px" HorizontalAlign="Center">
<HoverStyle BackColor="Aqua">
<Border BorderWidth="0px" />
</HoverStyle>
<Paddings Padding="0px" />
</ItemStyle>
<SubMenuStyle GutterWidth="0px" />
<Paddings Padding="0px" />
</dx:ASPxMenu>