<kendo:diagram-shape-connector>

Defines the connectors available in the shape. A connector is the point in the shape where a connection between this shape and another one can originate from or end.

Example

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

Configuration Attributes

description java.lang.String

The connector description.

Example

<kendo:diagram-shape-connector description="description">
</kendo:diagram-shape-connector>

fill java.lang.String

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

Example

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

height float

Defines the height of the shape connectors. See shapes.connectors for an example.

Example

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

name java.lang.String

The connector name. The predefined names are: "top" - top connector; "right" - right connector; "bottom" - bottom connector; "bottomRight" - bottom right connector; "left" - left connector or "auto" - auto connector.

Example

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

position java.lang.String

The function that positions the connector. The function is passed a shape as parameter and should return a kendo.dataviz.diagram.Point indicating where the connector should be placed.

Example

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

stroke java.lang.String

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

Example

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

width float

Defines the width of the shape connectors. See shapes.connectors for an example.

Example

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

Configuration JSP Tags

kendo:diagram-shape-connector-fill

Defines the fill options of the shape connectors.

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

Example

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

kendo:diagram-shape-connector-hover

Defines the hover configuration of the shape connectors.

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

Example

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

kendo:diagram-shape-connector-stroke

Defines the stroke options of the shape connectors.

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

Example

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

Event Attributes

position String

The function that positions the connector. The function is passed a shape as parameter and should return a kendo.dataviz.diagram.Point indicating where the connector should be placed.

Example

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

Event Tags

kendo:diagram-shape-connector-position

The function that positions the connector. The function is passed a shape as parameter and should return a kendo.dataviz.diagram.Point indicating where the connector should be placed.

Example

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