<kendo:diagram-shapeDefaults>

Defines the default options that will be applied to all shapes in the Diagram.

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. Use these settings to apply a single-color or a gradient background to all shapes in the Diagram. Further configuration is available via kendo:diagram-shapeDefaults-fill.

Example

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

height float

Defines the default height of shapes in the Diagram.

Example

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

minHeight float

Defines the minimum height the shape can have. Use this setting to apply a lower limit to the height of shapes when users resize them.

Example

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

minWidth float

Defines the minimum width the shape can have. Use this setting to apply a lower limit to the width of shapes when users resize them.

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 Diagram shapes can be selected.

Example

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

source java.lang.String

The path/URL to 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 default width of shapes in the Diagram.

Example

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

x float

Defines the x-coordinate of shapes added to the Diagram.

Example

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

y float

Defines the y-coordinate of shapes 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. A connector is the point in the shape where a connection between this shape and another one can originate from or end. "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 default 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. Use these settings to apply a single-color or a gradient background to all shapes in the Diagram.

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 configuration of the border around Diagram shapes.

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