All docs
V20.2
20.2
20.1
19.2
19.1
The page you are viewing does not exist in version 19.1. This link will take you to the root page.
18.2
The page you are viewing does not exist in version 18.2. This link will take you to the root page.
18.1
The page you are viewing does not exist in version 18.1. This link will take you to the root page.
17.2
The page you are viewing does not exist in version 17.2. This link will take you to the root page.

DiagramShapeConnectionPoint.Top Property

Specifies the vertical offset of a connection point.

Namespace: DevExpress.Web.ASPxDiagram

Assembly: DevExpress.Web.ASPxDiagram.v20.2.dll

Declaration

[DefaultValue(typeof(decimal), "0")]
public decimal Top { get; set; }
<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

  <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>
          ...

Shape connection points]

See Also