MenuItem.BeginGroup Property
Gets or sets a value that specifies whether the current menu item starts a group.
Namespace: DevExpress.Web
Assembly: DevExpress.Web.v23.2.dll
NuGet Package: DevExpress.Web
Declaration
Property Value
| Type | Default | Description |
|---|---|---|
| Boolean | false |
|
Remarks
Use the BeginGroup property to control whether a specific separator should appear before the current menu item to separate it from other menu items.
The separator’s appearance can be customized either centrally at the menu control level via the ASPxMenuBase.SeparatorBackgroundImage, ASPxMenuBase.SeparatorColor, ASPxMenuBase.SeparatorPaddings and ASPxMenuBase.SeparatorWidth properties or via the MenuStyle.SeparatorBackgroundImage, MenuStyle.SeparatorColor, MenuStyle.SeparatorPaddings and MenuStyle.SeparatorWidth properties available by the corresponding style settings of sub-menus.
Example
This example demonstrates how the checked state of items can be manipulated to emulate the toolbar behavior (using the ASPxMenu control).
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="DevExpress.Web.v8.3, Version=8.3.2.0, Culture=neutral,
PublicKeyToken=b88d1754d700e49a"
Namespace="DevExpress.Web.ASPxMenu" TagPrefix="dxm" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
<title>Check states of items</title>
</head>
<body>
<form id="form1" runat="server">
<br/>
<dxm:ASPxMenu ID="ASPxMenu1" runat="server" ItemSpacing="1px"
SeparatorColor="Transparent"
SeparatorHeight="15px" SeparatorWidth="2px">
<Items>
<dxm:MenuItem GroupName="Bold" Text="">
<Image Url="~/ASPxperience/Menu/Images/bold.gif" />
</dxm:MenuItem>
<dxm:MenuItem GroupName="Italic" Text="">
<Image Url="~/ASPxperience/Menu/Images/italic.gif" />
</dxm:MenuItem>
<dxm:MenuItem GroupName="Underline" Text="">
<Image Url="~/ASPxperience/Menu/Images/underline.gif" />
</dxm:MenuItem>
<dxm:MenuItem BeginGroup="True" GroupName="Align" Text="" Checked="True">
<Image Url="~/ASPxperience/Menu/Images/left.gif" />
</dxm:MenuItem>
<dxm:MenuItem GroupName="Align" Text="">
<Image Url="~/ASPxperience/Menu/Images/center.gif" />
</dxm:MenuItem>
<dxm:MenuItem GroupName="Align" Text="">
<Image Url="~/ASPxperience/Menu/Images/right.gif" />
</dxm:MenuItem>
<dxm:MenuItem GroupName="Align" Text="">
<Image Url="~/ASPxperience/Menu/Images/justify.gif" />
</dxm:MenuItem>
</Items>
<ItemStyle>
<Paddings Padding="2px" />
<HoverStyle BackColor="#B6BDD2">
<Border BorderColor="#0A246A" BorderWidth="1px" />
</HoverStyle>
<CheckedStyle BackColor="#D4D5D8">
<Border BorderColor="#0A246A" BorderWidth="1px" />
</CheckedStyle>
</ItemStyle>
<Paddings Padding="1px" />
<BackgroundImage ImageUrl="~/ASPxperience/Menu/Images/back.gif" />
<SeparatorPaddings PaddingLeft="2px" PaddingRight="2px" />
<SeparatorBackgroundImage ImageUrl="~/ASPxperience/Menu/Images/separator.gif"
Repeat="NoRepeat" />
</dxm:ASPxMenu>
</form>
</body>
</html>