DiagramShapeTagHelper

Example

Razor
<shape>
    <connector-defaults></connector-defaults>
    <connectors />
    <content></content>
    <editable></editable>
    <fill />
    <hover></hover>
    <rotation />
    <stroke />
</shape>

ChildTags

Attributes

AttributeTypeDescription
heightDoubleDefines the height of the shape when added to the Diagram.
idStringThe unique identifier for a Shape. The id value is used to identify shapes in connection configurations. The connection to and from properties usually point to shape id values.
min-heightDoubleDefines the minimum height the shape should have, that is, it cannot be resized to a value smaller than the given one.
min-widthDoubleDefines the minimum width the shape should have, that is, it cannot be resized to a value smaller than the given one. See example at shapes.minHeight.
pathStringThe path option of a Shape is a description of a custom geometry. The format follows the standard SVG format (https://www.w3.org/TR/SVG/paths.html#PathData "SVG Path data.").
sourceStringThe source of the shape image. Applicable when the type is set to "image".
typeStringSpecifies the type of the Shape using any of the built-in shape type. "rectangle" - The default option; "circle" - A circle/ellipse or "image" - An image.
visualStringA function returning a visual element to render for this shape. For more information, refer to visual.
widthDoubleDefines the width of the shape when added to the Diagram.
xDoubleDefines the x-coordinate of the shape when added to the Diagram. Does not take effect if the Diagram is using a pre-defined layout.
yDoubleDefines the y-coordinate of the shape when added to the Diagram. Does not take effect if the Diagram is using a pre-defined layout. You can see an example at shapes.x
In this article
ExampleChildTagsAttributes
Not finding the help you need?
Contact Support