ASPxMenuBase.SeparatorWidth Property
Gets or sets a separator‘s width.
Namespace: DevExpress.Web
Assembly: DevExpress.Web.v20.2.dll
NuGet Package: DevExpress.Web
Declaration
Property Value
| Type | Default | Description |
|---|---|---|
| Unit | String.Empty | A System.Web.UI.WebControls.Unit value specifying the width of a separator. |
Remarks
Use the SeparatorWidth property to define the width of a separator.
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