Skip to main content
Tab

ASPxMenuBase.SubMenuStyle Property

Gets the style settings for the client regions of all submenus within the current menu control.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v22.1.dll

NuGet Package: DevExpress.Web

Declaration

public virtual MenuStyle SubMenuStyle { get; }

Property Value

Type Description
MenuStyle

A MenuStyle object that contains the style settings for the client regions of the menu control’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 within the menu control. A submenu’s client region is considered as an area where submenu items are displayed.

In order to access and change the style of a particular menu item’s submenus, the item’s MenuItem.SubMenuStyle property can be used.

The appearance of menu items within all submenus of the menu control can be defined via the ASPxMenuBase.SubMenuItemStyle property.

Example

The complete sample project is available in the DevExpress Code Central database at E1199.

 <dxm:ASPxMenu ID="ASPxMenu1" runat="server" 
             Width="200px" ItemSpacing="0px" >
             <Items>
                 ...
                 <dxm:MenuItem Text="Green">
                     <Items>
                         <dxm:MenuItem Text="Green Item 1">
                         </dxm:MenuItem>
                         <dxm:MenuItem Text="Green Item 2">
                         </dxm:MenuItem>
                     </Items>
                     <SubMenuStyle BackColor="Green" />
                     <TextTemplate>
                         <table style="background-color:Green;" height=100% width=100%><tr>
                             <td>
                                 <dxe:ASPxLabel ID="ASPxLabel2"
                                 runat="server" Text='<%# Eval("Text") %>'>
                                 </dxe:ASPxLabel>
                             </td></tr></table>
                     </TextTemplate>
                 </dxm:MenuItem>
                 ...
             </Items>
             <ItemStyle Height="30px" HorizontalAlign="Center">
             <HoverStyle BackColor="Aqua">
                 <Border BorderWidth="0px" />
             </HoverStyle>
             <Paddings Padding="0px" />
             </ItemStyle>
             <SubMenuStyle GutterWidth="0px" />
             <Paddings Padding="0px" />          
         </dxm:ASPxMenu>
See Also