ASPxMenuBase.BorderBetweenItemAndSubMenu Property
Gets or sets a value that specifies how the border is displayed between a menu item and its submenu.
Namespace: DevExpress.Web
Assembly: DevExpress.Web.v20.2.dll
NuGet Package: DevExpress.Web
Declaration
[DefaultValue(BorderBetweenItemAndSubMenuMode.ShowAll)]
public virtual BorderBetweenItemAndSubMenuMode BorderBetweenItemAndSubMenu { get; set; }Property Value
| Type | Default | Description |
|---|---|---|
| BorderBetweenItemAndSubMenuMode | **ShowAll** | One of the BorderBetweenItemAndSubMenuMode enumeration values. |
Available values:
| Name | Description |
|---|---|
| HideAll | The border between a menu item and its submenu is not displayed for all menu items. |
| HideRootOnly | The border between a menu item and its submenu is not displayed for root menu items but is visible for all subitems. |
| ShowAll | The border between a menu item and its submenu is displayed for all menu items. |
Example
The complete sample project is available in the DevExpress Code Central database at E1111.
...
<dxm:ASPxMenu ID="ASPxMenu1" runat="server" BorderBetweenItemAndSubMenu="HideAll"
OnItemClick="ASPxMenu1_ItemClick" SelectParentItem="True" ShowPopOutImages="True">
<Items>
<dxm:MenuItem Text="Root 1">
<Items>
<dxm:MenuItem Text="Sub Item">
<Items>
<dxm:MenuItem Text="Item 1-1">
</dxm:MenuItem>
<dxm:MenuItem Text="Item 1-2">
</dxm:MenuItem>
</Items>
</dxm:MenuItem>
<dxm:MenuItem Text="Item 1-3">
</dxm:MenuItem>
</Items>
</dxm:MenuItem>
<dxm:MenuItem Text="Root 2">
<Items>
<dxm:MenuItem Text="Item 2-1">
</dxm:MenuItem>
<dxm:MenuItem Text="Item 2-2">
</dxm:MenuItem>
<dxm:MenuItem Text="Item 2-3">
</dxm:MenuItem>
</Items>
</dxm:MenuItem>
</Items>
<ClientSideEvents ItemClick="function(s, e) {
e.processOnServer = e.item.GetItemCount() == 0; // Prevent generating a postback for parent menu items
}" />
</dxm:ASPxMenu>
...
See Also