<kendo:diagram-shape>

Defines the shape options.

Example

<kendo:diagram-shapes>
    <kendo:diagram-shape></kendo:diagram-shape>
</kendo:diagram-shapes>

Configuration Attributes

editable boolean

Defines the shape editable options. Further configuration is available via kendo:diagram-shape-editable.

Example

<kendo:diagram-shape editable="editable">
</kendo:diagram-shape>

fill java.lang.String

Defines the fill options of the shape. Further configuration is available via kendo:diagram-shape-fill.

Example

<kendo:diagram-shape fill="fill">
</kendo:diagram-shape>

height float

Defines the height of the shape when added to the Diagram.

Example

<kendo:diagram-shape height="height">
</kendo:diagram-shape>

id java.lang.String

The unique identifier for a Shape.

Example

<kendo:diagram-shape id="id">
</kendo:diagram-shape>

minHeight float

Defines the minimum height the shape should have, that is, it cannot be resized to a value smaller than the given one.

Example

<kendo:diagram-shape minHeight="minHeight">
</kendo:diagram-shape>

minWidth float

Defines the minimum width the shape should have, that is, it cannot be resized to a value smaller than the given one.

Example

<kendo:diagram-shape minWidth="minWidth">
</kendo:diagram-shape>

path java.lang.String

The path option of a Shape is a description of a custom geometry. The format follows the standard SVG format (http://www.w3.org/TR/SVG/paths.html#PathData "SVG Path data.").

Example

<kendo:diagram-shape path="path">
</kendo:diagram-shape>

source java.lang.String

The source of the shape image. Applicable when the type is set to "image".

Example

<kendo:diagram-shape source="source">
</kendo:diagram-shape>

type java.lang.String

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

Example

<kendo:diagram-shape type="type">
</kendo:diagram-shape>

visual java.lang.String

A function returning a visual element to render for this shape. For more information, refer to visual.

Example

<kendo:diagram-shape visual="visual">
</kendo:diagram-shape>

width float

Defines the width of the shape when added to the Diagram.

Example

<kendo:diagram-shape width="width">
</kendo:diagram-shape>

x float

Defines the x-coordinate of the shape when added to the Diagram.

Example

<kendo:diagram-shape x="x">
</kendo:diagram-shape>

y float

Defines the y-coordinate of the shape when added to the Diagram.

Example

<kendo:diagram-shape y="y">
</kendo:diagram-shape>

Configuration JSP Tags

kendo:diagram-shape-connectorDefaults

Defines default options for the shape connectors.

More documentation is available at kendo:diagram-shape-connectorDefaults.

Example

<kendo:diagram-shape>
    <kendo:diagram-shape-connectorDefaults></kendo:diagram-shape-connectorDefaults>
</kendo:diagram-shape>

kendo:diagram-shape-connectors

Defines the connectors the shape owns.

More documentation is available at kendo:diagram-shape-connectors.

Example

<kendo:diagram-shape>
    <kendo:diagram-shape-connectors></kendo:diagram-shape-connectors>
</kendo:diagram-shape>

kendo:diagram-shape-content

Defines the shapes content settings.

More documentation is available at kendo:diagram-shape-content.

Example

<kendo:diagram-shape>
    <kendo:diagram-shape-content></kendo:diagram-shape-content>
</kendo:diagram-shape>

kendo:diagram-shape-editable

Defines the shape editable options.

More documentation is available at kendo:diagram-shape-editable.

Example

<kendo:diagram-shape>
    <kendo:diagram-shape-editable></kendo:diagram-shape-editable>
</kendo:diagram-shape>

kendo:diagram-shape-fill

Defines the fill options of the shape.

More documentation is available at kendo:diagram-shape-fill.

Example

<kendo:diagram-shape>
    <kendo:diagram-shape-fill></kendo:diagram-shape-fill>
</kendo:diagram-shape>

kendo:diagram-shape-hover

Defines the hover configuration.

More documentation is available at kendo:diagram-shape-hover.

Example

<kendo:diagram-shape>
    <kendo:diagram-shape-hover></kendo:diagram-shape-hover>
</kendo:diagram-shape>

kendo:diagram-shape-rotation

The function that positions the connector.

More documentation is available at kendo:diagram-shape-rotation.

Example

<kendo:diagram-shape>
    <kendo:diagram-shape-rotation></kendo:diagram-shape-rotation>
</kendo:diagram-shape>

kendo:diagram-shape-stroke

Defines the stroke configuration.

More documentation is available at kendo:diagram-shape-stroke.

Example

<kendo:diagram-shape>
    <kendo:diagram-shape-stroke></kendo:diagram-shape-stroke>
</kendo:diagram-shape>

Event Attributes

visual String

A function returning a visual element to render for this shape. For more information, refer to visual.

Example

<kendo:diagram-shape visual="handle_visual">
</kendo:diagram-shape>
<script>
    function handle_visual(e) {
        // Code to handle the visual event.
    }
</script>

Event Tags

kendo:diagram-shape-visual

A function returning a visual element to render for this shape. For more information, refer to visual.

Example

<kendo:diagram-shape>
    <kendo:diagram-shape-visual>
        <script>
            function(e) {
                // Code to handle the visual event.
            }
        </script>
    </kendo:diagram-shape-visual>
</kendo:diagram-shape>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy