<kendo:diagram-shapeDefaults-connector>

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.

Example

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

Configuration Attributes

fill java.lang.String

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

Example

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

height float

Defines the height of the shape connectors.

Example

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

name java.lang.String

The connector name. The name is referenced when specifying explicit fromConnector and toConnector values in a connection.

Example

<kendo:diagram-shapeDefaults-connector name="name">
</kendo:diagram-shapeDefaults-connector>

position java.lang.String

The function that positions the connector. The function is passed a shape and should return kendo.dataviz.diagram. As a result, a point that holds the connector position appears.

Example

<kendo:diagram-shapeDefaults-connector position="position">
</kendo:diagram-shapeDefaults-connector>

stroke java.lang.String

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

Example

<kendo:diagram-shapeDefaults-connector stroke="stroke">
</kendo:diagram-shapeDefaults-connector>

width float

Defines the width of the shape connectors.

Example

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

Configuration JSP Tags

kendo:diagram-shapeDefaults-connector-fill

Defines the fill options of the shape connectors.

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

Example

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

kendo:diagram-shapeDefaults-connector-hover

Defines the hover configuration of the shape connectors.

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

Example

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

kendo:diagram-shapeDefaults-connector-stroke

Defines the stroke options of the shape connectors.

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

Example

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

Event Attributes

position String

The function that positions the connector. The function is passed a shape and should return kendo.dataviz.diagram. As a result, a point that holds the connector position appears.

Example

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

Event Tags

kendo:diagram-shapeDefaults-connector-position

The function that positions the connector. The function is passed a shape and should return kendo.dataviz.diagram. As a result, a point that holds the connector position appears.

Example

<kendo:diagram-shapeDefaults-connector>
    <kendo:diagram-shapeDefaults-connector-position>
        <script>
            function(e) {
                // Code to handle the position event.
            }
        </script>
    </kendo:diagram-shapeDefaults-connector-position>
</kendo:diagram-shapeDefaults-connector>
In this article
Not finding the help you need?