Tab
A newer version of this page is available. Switch to the current version.

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.v18.2.dll

Declaration

public MenuStyle SubMenuStyle { get; }
Public ReadOnly Property SubMenuStyle As MenuStyle

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.

Examples

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