Skip to main content

ASPxMenuBase.ItemSpacing Property

Gets or sets the amount of space between the menu items of the root menu level.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v23.2.dll

NuGet Package: DevExpress.Web


[DefaultValue(typeof(Unit), "")]
public virtual Unit ItemSpacing { get; set; }

Property Value

Type Default Description
Unit String.Empty

A Unit that represents the spacing value.


Use the ItemSpacing property to define the spacing between the adjacent menu items of the root menu level. If separators are visible, the item spacing is displayed before and after a separator.


The ItemSpacing property value can be explicitly defined in certain themes, so specifying it has no effect.


To specify the amount of space between the sub-menu items, use the MenuStyle.ItemSpacing property.


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=, Culture=neutral, 
    Namespace="DevExpress.Web.ASPxMenu" TagPrefix="dxm" %>  

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

<script runat="server">

<html xmlns="" >
 <head id="Head1" runat="server">
     <title>Check states of items</title>
     <form id="form1" runat="server">
          <dxm:ASPxMenu ID="ASPxMenu1" runat="server" ItemSpacing="1px" 
              SeparatorHeight="15px" SeparatorWidth="2px">
                 <dxm:MenuItem GroupName="Bold" Text="">
                     <Image Url="~/ASPxperience/Menu/Images/bold.gif" />
                 <dxm:MenuItem GroupName="Italic" Text="">
                     <Image Url="~/ASPxperience/Menu/Images/italic.gif" />
                 <dxm:MenuItem GroupName="Underline" Text="">
                     <Image Url="~/ASPxperience/Menu/Images/underline.gif" />
                 <dxm:MenuItem BeginGroup="True" GroupName="Align" Text="" Checked="True">
                     <Image Url="~/ASPxperience/Menu/Images/left.gif" />
                 <dxm:MenuItem GroupName="Align" Text="">
                     <Image Url="~/ASPxperience/Menu/Images/center.gif" />
                 <dxm:MenuItem GroupName="Align" Text="">
                     <Image Url="~/ASPxperience/Menu/Images/right.gif" />
                 <dxm:MenuItem GroupName="Align" Text="">
                     <Image Url="~/ASPxperience/Menu/Images/justify.gif" />
                 <Paddings Padding="2px" />
                 <HoverStyle BackColor="#B6BDD2">
                     <Border BorderColor="#0A246A" BorderWidth="1px" />
                 <CheckedStyle BackColor="#D4D5D8">
                     <Border BorderColor="#0A246A" BorderWidth="1px" />
             <Paddings Padding="1px" />
             <BackgroundImage ImageUrl="~/ASPxperience/Menu/Images/back.gif" />
             <SeparatorPaddings PaddingLeft="2px" PaddingRight="2px" />
             <SeparatorBackgroundImage ImageUrl="~/ASPxperience/Menu/Images/separator.gif" 
              Repeat="NoRepeat" />

See Also