<kendo:diagram-connection-content>

Defines the connection content settings.

Example

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

Configuration Attributes

color java.lang.String

The color of the connection content text.

Example

<kendo:diagram-connection-content color="color">
</kendo:diagram-connection-content>

fontFamily java.lang.String

The font family of the connection content text.

Example

<kendo:diagram-connection-content fontFamily="fontFamily">
</kendo:diagram-connection-content>

fontSize float

The font size of the connection content text.

Example

<kendo:diagram-connection-content fontSize="fontSize">
</kendo:diagram-connection-content>

fontStyle java.lang.String

The font style of the connection content text.

Example

<kendo:diagram-connection-content fontStyle="fontStyle">
</kendo:diagram-connection-content>

fontWeight java.lang.String

The font weight of the connection content text.

Example

<kendo:diagram-connection-content fontWeight="fontWeight">
</kendo:diagram-connection-content>

template java.lang.String

The template which renders the labels.The fields which can be used in the template are: dataItem - the data item, in case a field has been specified.

Example

<kendo:diagram-connection-content template="template">
</kendo:diagram-connection-content>

text java.lang.String

The text displayed for the connection.

Example

<kendo:diagram-connection-content text="text">
</kendo:diagram-connection-content>

visual java.lang.String

A function returning a visual element to render for the content of the connection.

Example

<kendo:diagram-connection-content visual="visual">
</kendo:diagram-connection-content>

Event Attributes

template String

The template which renders the labels.The fields which can be used in the template are: dataItem - the data item, in case a field has been specified.

Example

<kendo:diagram-connection-content template="handle_template">
</kendo:diagram-connection-content>
<script>
    function handle_template(e) {
        // Code to handle the template event.
    }
</script>

visual String

A function returning a visual element to render for the content of the connection.

Example

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

Event Tags

kendo:diagram-connection-content-template

The template which renders the labels.The fields which can be used in the template are: dataItem - the data item, in case a field has been specified.

Example

<kendo:diagram-connection-content>
    <kendo:diagram-connection-content-template>
        <script>
            function(e) {
                // Code to handle the template event.
            }
        </script>
    </kendo:diagram-connection-content-template>
</kendo:diagram-connection-content>

kendo:diagram-connection-content-visual

A function returning a visual element to render for the content of the connection.

Example

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

Give article feedback

Tell us how we can improve this article

close
Dummy