DiagramShapeConnectionPoint.Top Property

Specifies the vertical offset of a connection point.

Namespace: DevExpress.Web.ASPxDiagram

Assembly: DevExpress.Web.ASPxDiagram.v25.1.dll

NuGet Package: DevExpress.Web

Declaration

C#

[DefaultValue(typeof(decimal), "0")]
public decimal Top { get; set; }

VB.NET

<DefaultValue(GetType(Decimal), "0")>
Public Property Top As Decimal

Property Value

Type	Default	Description
Decimal	"0"	A decimal number from 0 to 1.

Remarks

The Top property specifies the ratio of the connection point’s vertical offset to the shape’s height.

• If the Top option is set to 0, the connection point matches the shape’s top edge.
• If the Top option is set to 1, the connection point matches the shape’s bottom edge.

Run Demo: Custom Shapes

Example

ASPX

  <dx:ASPxDiagram ID="Diagram" runat="server" Width="100%" Height="600px">
      <CustomShapes>
          <dx:DiagramCustomShape CategoryName="hardware" Type="internet" Title="Internet" ...>
              <ConnectionPoints>
                  <dx:DiagramShapeConnectionPoint Left="0.5" Top="0" />
                  <dx:DiagramShapeConnectionPoint Left="0.9" Top="0.3" />
                  <dx:DiagramShapeConnectionPoint Left="0.9" Top="0.7" />
                  <dx:DiagramShapeConnectionPoint Left="0.5" Top="1" />
                  <dx:DiagramShapeConnectionPoint Left="0.1" Top="0.5" />
              </ConnectionPoints>
          </dx:DiagramCustomShape>
          ...

]