Skip to main content

DiagramCustomShape.ImageTop Property

Specifies the top offset of the image in the shape.

Namespace: DevExpress.Web.ASPxDiagram

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

NuGet Package: DevExpress.Web


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

Property Value

Type Default Description
Decimal "0"

A decimal number from 0 to 1.


The DefaultImageUrl property specifies the URL of an image displayed inside the shape. Use the ImageTop property to specify the ratio of the image’s top offset to the shape’s height. If the ImageTop option is set to 0, the image’s top edge matches the shape’s top edge.


The ImageTop property is not in effect if the BaseType property is specified.

<dx:DiagramCustomShape Type="Rounded Rectangle" BackgroundImageUrl="../Content/images/shapes/roundedRect.svg" 
  DefaultWidth="2" DefaultHeight="1" 
  ImageHeight="0.8" ImageWidth="0.3" ImageTop="0.1" ImageLeft="0.1"
  DefaultText ="Employee" TextLeft="0.4" TextWidth="0.6" />

The image below shows the result:

Custom Shape Text

See Also