<kendo:diagram-connection-editable-tool>

Specifies the the toolbar tools. Supports all options supported for the toolbar.items. Predefined tools are: "edit" - The selected item can be edited or "delete" - The selected items can be deleted.

Example

<kendo:diagram-connection-editable-tools>
    <kendo:diagram-connection-editable-tool></kendo:diagram-connection-editable-tool>
</kendo:diagram-connection-editable-tools>

Configuration Attributes

attributes java.lang.Object

Specifies the HTML attributes of a button.

Example

<kendo:diagram-connection-editable-tool attributes="attributes">
</kendo:diagram-connection-editable-tool>

click java.lang.String

Specifies the click event handler of the button. Applicable only for commands of type button and splitButton.

Example

<kendo:diagram-connection-editable-tool click="click">
</kendo:diagram-connection-editable-tool>

enable boolean

Specifies whether the control is initially enabled or disabled. Default value is "true".

Example

<kendo:diagram-connection-editable-tool enable="enable">
</kendo:diagram-connection-editable-tool>

group java.lang.String

Assigns the button to a group. Applicable only for buttons with togglable set to true.

Example

<kendo:diagram-connection-editable-tool group="group">
</kendo:diagram-connection-editable-tool>

icon java.lang.String

Sets icon for the item. The icon should be one of the existing in the Kendo UI theme sprite.

Example

<kendo:diagram-connection-editable-tool icon="icon">
</kendo:diagram-connection-editable-tool>

id java.lang.String

Specifies the ID of the button.

Example

<kendo:diagram-connection-editable-tool id="id">
</kendo:diagram-connection-editable-tool>

imageUrl java.lang.String

If set, the ToolBar will render an image with the specified URL in the button.

Example

<kendo:diagram-connection-editable-tool imageUrl="imageUrl">
</kendo:diagram-connection-editable-tool>

name java.lang.String

The name of the tool. The built-in tools are "edit" and "delete".

Example

<kendo:diagram-connection-editable-tool name="name">
</kendo:diagram-connection-editable-tool>

overflow java.lang.String

Specifies how the button behaves when the ToolBar is resized. Possible values are "always", "never" or "auto" (default).

Example

<kendo:diagram-connection-editable-tool overflow="overflow">
</kendo:diagram-connection-editable-tool>

overflowTemplate java.lang.String

Specifies what element will be added in the command overflow popup. Applicable only for items that have a template.

Example

<kendo:diagram-connection-editable-tool overflowTemplate="overflowTemplate">
</kendo:diagram-connection-editable-tool>

primary boolean

Specifies whether the button is primary. Primary buttons receive different styling.

Example

<kendo:diagram-connection-editable-tool primary="primary">
</kendo:diagram-connection-editable-tool>

selected boolean

Specifies if the toggle button is initially selected. Applicable only for buttons with togglable set to true.

Example

<kendo:diagram-connection-editable-tool selected="selected">
</kendo:diagram-connection-editable-tool>

showIcon java.lang.String

Specifies where the button icon will be displayed. Possible values are "toolbar", "overflow" or "both" (default).

Example

<kendo:diagram-connection-editable-tool showIcon="showIcon">
</kendo:diagram-connection-editable-tool>

showText java.lang.String

Specifies where the text will be displayed. Possible values are "toolbar", "overflow" or "both" (default).

Example

<kendo:diagram-connection-editable-tool showText="showText">
</kendo:diagram-connection-editable-tool>

spriteCssClass java.lang.String

Defines a CSS class (or multiple classes separated by spaces) which will be used for button icon.

Example

<kendo:diagram-connection-editable-tool spriteCssClass="spriteCssClass">
</kendo:diagram-connection-editable-tool>

template java.lang.String

Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type.

Example

<kendo:diagram-connection-editable-tool template="template">
</kendo:diagram-connection-editable-tool>

text java.lang.String

Sets the text of the button.

Example

<kendo:diagram-connection-editable-tool text="text">
</kendo:diagram-connection-editable-tool>

togglable boolean

Specifies if the button is togglable, e.g. has a selected and unselected state.

Example

<kendo:diagram-connection-editable-tool togglable="togglable">
</kendo:diagram-connection-editable-tool>

toggle java.lang.String

Specifies the toggle event handler of the button. Applicable only for commands of type button and togglable set to true.

Example

<kendo:diagram-connection-editable-tool toggle="toggle">
</kendo:diagram-connection-editable-tool>

type java.lang.String

Specifies the command type. Supported types are "button", "splitButton", "buttonGroup", "separator".

Example

<kendo:diagram-connection-editable-tool type="type">
</kendo:diagram-connection-editable-tool>

url java.lang.String

Specifies the url to navigate to.

Example

<kendo:diagram-connection-editable-tool url="url">
</kendo:diagram-connection-editable-tool>

Configuration JSP Tags

kendo:diagram-connection-editable-tool-buttons

Specifies the buttons of ButtonGroup.

More documentation is available at kendo:diagram-connection-editable-tool-buttons.

Example

<kendo:diagram-connection-editable-tool>
    <kendo:diagram-connection-editable-tool-buttons></kendo:diagram-connection-editable-tool-buttons>
</kendo:diagram-connection-editable-tool>

kendo:diagram-connection-editable-tool-menuButtons

Specifies the menu buttons of a SplitButton.

More documentation is available at kendo:diagram-connection-editable-tool-menuButtons.

Example

<kendo:diagram-connection-editable-tool>
    <kendo:diagram-connection-editable-tool-menuButtons></kendo:diagram-connection-editable-tool-menuButtons>
</kendo:diagram-connection-editable-tool>

Event Attributes

click String

Specifies the click event handler of the button. Applicable only for commands of type button and splitButton.

Example

<kendo:diagram-connection-editable-tool click="handle_click">
</kendo:diagram-connection-editable-tool>
<script>
    function handle_click(e) {
        // Code to handle the click event.
    }
</script>

overflowTemplate String

Specifies what element will be added in the command overflow popup. Applicable only for items that have a template.

Example

<kendo:diagram-connection-editable-tool overflowTemplate="handle_overflowTemplate">
</kendo:diagram-connection-editable-tool>
<script>
    function handle_overflowTemplate(e) {
        // Code to handle the overflowTemplate event.
    }
</script>

template String

Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type.

Example

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

toggle String

Specifies the toggle event handler of the button. Applicable only for commands of type button and togglable set to true.

Example

<kendo:diagram-connection-editable-tool toggle="handle_toggle">
</kendo:diagram-connection-editable-tool>
<script>
    function handle_toggle(e) {
        // Code to handle the toggle event.
    }
</script>

Event Tags

kendo:diagram-connection-editable-tool-click

Specifies the click event handler of the button. Applicable only for commands of type button and splitButton.

Example

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

kendo:diagram-connection-editable-tool-overflowTemplate

Specifies what element will be added in the command overflow popup. Applicable only for items that have a template.

Example

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

kendo:diagram-connection-editable-tool-template

Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type.

Example

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

kendo:diagram-connection-editable-tool-toggle

Specifies the toggle event handler of the button. Applicable only for commands of type button and togglable set to true.

Example

<kendo:diagram-connection-editable-tool>
    <kendo:diagram-connection-editable-tool-toggle>
        <script>
            function(e) {
                // Code to handle the toggle event.
            }
        </script>
    </kendo:diagram-connection-editable-tool-toggle>
</kendo:diagram-connection-editable-tool>
In this article
Related articles
Not finding the help you need?