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.v19.2.dll
Declaration
Property Value
| Type | Default | Description |
|---|---|---|
| Unit | String.Empty | A Unit that represents the spacing value. |
Remarks
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.
Note
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.
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