<kendo:diagram-shapeDefaults>

Defines the shape options.

Example

<kendo:diagram>
    <kendo:diagram-shapeDefaults></kendo:diagram-shapeDefaults>
</kendo:diagram>

Configuration Attributes

editable boolean

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

Example

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

fill java.lang.String

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

Example

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

height float

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

Example

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

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-shapeDefaults minHeight="minHeight">
</kendo:diagram-shapeDefaults>

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-shapeDefaults minWidth="minWidth">
</kendo:diagram-shapeDefaults>

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-shapeDefaults path="path">
</kendo:diagram-shapeDefaults>

selectable boolean

Specifies if the shape can be selected.

Example

<kendo:diagram-shapeDefaults selectable="selectable">
</kendo:diagram-shapeDefaults>

source java.lang.String

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

Example

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

type java.lang.String

Specifies the type of the Shape using any of the built-in shape type. "rectangle": this is the default option; "circle": a circle/ellipse; "image": an image or "text": some text.

Example

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

visual java.lang.String

A function that returns a visual element to render for a given shape. The following primitives can be used to construct a composite visual: Circle; Rectangle; Path; Line; Polyline; TextBlock; Image or Layout.

Example

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

width float

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

Example

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

x float

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

Example

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

y float

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

Example

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

Configuration JSP Tags

kendo:diagram-shapeDefaults-connectorDefaults

Defines the default options for the shape connectors.

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

Example

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

kendo:diagram-shapeDefaults-connectors

Defines the connectors the shape owns. "top" - top connector.; "right" - right connector.; "bottom" - bottom connector.; "bottomRight" - bottom right connector.; "left" - left connector. or "auto" - auto connector.. You can define your own custom connectors or use the predefined types.

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

Example

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

kendo:diagram-shapeDefaults-content

Defines the shapes content settings.

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

Example

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

kendo:diagram-shapeDefaults-editable

Defines the shape editable options.

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

Example

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

kendo:diagram-shapeDefaults-fill

Defines the fill options of the shape.

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

Example

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

kendo:diagram-shapeDefaults-hover

Defines the hover configuration.

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

Example

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

kendo:diagram-shapeDefaults-rotation

Defines the rotation of the shape.

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

Example

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

kendo:diagram-shapeDefaults-stroke

Defines the stroke configuration.

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

Example

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

Event Attributes

visual String

A function that returns a visual element to render for a given shape. The following primitives can be used to construct a composite visual: Circle; Rectangle; Path; Line; Polyline; TextBlock; Image or Layout.

Example

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

Event Tags

kendo:diagram-shapeDefaults-visual

A function that returns a visual element to render for a given shape. The following primitives can be used to construct a composite visual: Circle; Rectangle; Path; Line; Polyline; TextBlock; Image or Layout.

Example

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

Give article feedback

Tell us how we can improve this article

close
Dummy