Skip to main content

DiagramNodeMappingInfo.ImageUrl Property

Specifies the name of a data source field that provides the URL of a shape’s image.

Namespace: DevExpress.Web.ASPxDiagram

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

NuGet Package: DevExpress.Web


public string ImageUrl { get; set; }

Property Value

Type Default Description
String String.Empty

The field name.


This property is in effect for nodes of the “CardWithImageOnLeft”, “CardWithImageOnTop”, or “CardWithImageOnRight” type.


Use the ImageUrl property to customize the image of a node after it is bound to a data source (in the NodeDataBound event).

<dx:ASPxDiagram ID="Diagram" runat="server" Width="100%" Height="700px"
    NodeDataSourceID="OrgItemDemoDataSource" EdgeDataSourceID="OrgLinkDemoDataSource">
        <Node Key="ID" Text="Text" Type="Type" ImageUrl="Picture" />
        <Edge Key="ID" FromKey="FromID" ToKey="ToID" />

Run Demo: OrgChart Shapes

See Also