<kendo:diagram-editable-tool-button>

Specifies the buttons of ButtonGroup.

Example

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

Configuration Attributes

attributes java.lang.Object

Specifies the HTML attributes of a ButtonGroup's button.

Example

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

click java.lang.String

Specifies the click event handler of the button. Applicable only for the children of a ButtonGroup.

Example

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

enable boolean

Specifies whether the button is initially enabled or disabled.

Example

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

group java.lang.String

Assigns the button to a group. Applicable only for the children of a ButtonGroup that has togglable true.

Example

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

icon java.lang.String

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

Example

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

id java.lang.String

Specifies the ID of the button.

Example

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

imageUrl java.lang.String

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

Example

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

selected boolean

Specifies if the toggle button is initially selected. Applicable only for the children of a ButtonGroup that has togglable true.

Example

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

showIcon java.lang.String

Specifies where the icon of the button will be displayed. Applicable only for the children of a ButtonGroup.

Example

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

showText java.lang.String

Specifies where the text of the menu button will be displayed. Applicable only for the buttons of a ButtonGroup.

Example

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

spriteCssClass java.lang.String

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

Example

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

text java.lang.String

Specifies the text of the menu button.

Example

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

togglable boolean

Specifies if the button is togglable, e.g. has a selected and unselected state. Applicable only for the children of a ButtonGroup.

Example

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

toggle java.lang.String

Specifies the toggle event handler of the button. Applicable only for the children of a ButtonGroup.

Example

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

url java.lang.String

Specifies the url of the button to navigate to.

Example

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

Event Attributes

click String

Specifies the click event handler of the button. Applicable only for the children of a ButtonGroup.

Example

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

toggle String

Specifies the toggle event handler of the button. Applicable only for the children of a ButtonGroup.

Example

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

Event Tags

kendo:diagram-editable-tool-button-click

Specifies the click event handler of the button. Applicable only for the children of a ButtonGroup.

Example

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

kendo:diagram-editable-tool-button-toggle

Specifies the toggle event handler of the button. Applicable only for the children of a ButtonGroup.

Example

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

Give article feedback

Tell us how we can improve the information

close
Dummy