Skip to main content
Tab

MenuItem.BeginGroup Property

Gets or sets a value that specifies whether the current menu item starts a group.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v24.1.dll

NuGet Package: DevExpress.Web

Declaration

[DefaultValue(false)]
public bool BeginGroup { get; set; }

Property Value

Type Default Description
Boolean false

true if the current menu item starts a group; otherwise, 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>
See Also