<kendo:signature>

A JSP wrapper for Kendo UI Signature.

Configuration Attributes

backgroundColor java.lang.String

Gets or sets the background color of the signature.

Example

<kendo:signature backgroundColor="backgroundColor">
</kendo:signature>

color java.lang.String

The stroke color of the signature.

Example

<kendo:signature color="color">
</kendo:signature>

enable boolean

If set to false, the widget will be disabled and will not allow user input. The widget is enabled by default and allows user input.

Example

<kendo:signature enable="enable">
</kendo:signature>

fillMode java.lang.String

Sets a value controlling how the color is applied. Can also be set to the following string values: "solid"; "flat"; "outline" or "none".

Example

<kendo:signature fillMode="fillMode">
</kendo:signature>

height float

Determines the height of the signature in pixels.

Example

<kendo:signature height="height">
</kendo:signature>

hideLine boolean

A value indicating whether the dotted line should be displayed in the background.

Example

<kendo:signature hideLine="hideLine">
</kendo:signature>

label java.lang.String

Specifies the label that will be rendered on the k-signature-canvas element of the component with the aria-label attribute.

Example

<kendo:signature label="label">
</kendo:signature>

maximizable boolean

A value indicating whether the component can be maximized

Example

<kendo:signature maximizable="maximizable">
</kendo:signature>

popupScale float

Defines a value indicating the scaling size of the popup signature pad

Example

<kendo:signature popupScale="popupScale">
</kendo:signature>

readonly boolean

If set to true, the widget will be readonly and will not allow user input. The widget is not readonly by default and allows user input.

Example

<kendo:signature readonly="readonly">
</kendo:signature>

rounded java.lang.String

Sets a value controlling the border radius. Can also be set to the following string values: "small"; "medium"; "large" or "none".

Example

<kendo:signature rounded="rounded">
</kendo:signature>

size java.lang.String

Sets a value controlling size of the component. Can also be set to the following string values: "small"; "medium"; "large" or "none".

Example

<kendo:signature size="size">
</kendo:signature>

smooth boolean

A value indicating whether to smoothen out the signature lines.

Example

<kendo:signature smooth="smooth">
</kendo:signature>

strokeWidth float

Defines how wide will the stroke be.

Example

<kendo:signature strokeWidth="strokeWidth">
</kendo:signature>

value java.lang.String

A string value representing a Base64-encoded PNG image

Example

<kendo:signature value="value">
</kendo:signature>

width float

Determines the width of the signature in pixels.

Example

<kendo:signature width="width">
</kendo:signature>

Event Attributes

change String

Fired when the value of the widget is changed by the user.The event handler function context (available via the this keyword) will be set to the widget instance.

For additional information check the change event documentation.

Example

<kendo:signature change="handle_change">
</kendo:signature>
<script>
    function handle_change(e) {
        // Code to handle the change event.
    }
</script>

close String

Fired when the value popup of the component is changed

For additional information check the close event documentation.

Example

<kendo:signature close="handle_close">
</kendo:signature>
<script>
    function handle_close(e) {
        // Code to handle the close event.
    }
</script>

open String

Fired when the value of the widget is changed by the user.The event handler function context (available via the this keyword) will be set to the widget instance.

For additional information check the open event documentation.

Example

<kendo:signature open="handle_open">
</kendo:signature>
<script>
    function handle_open(e) {
        // Code to handle the open event.
    }
</script>

Event Tags

kendo:signature-change

Fired when the value of the widget is changed by the user.The event handler function context (available via the this keyword) will be set to the widget instance.

For additional information check the change event documentation.

Example

<kendo:signature>
    <kendo:signature-change>
        <script>
            function(e) {
                // Code to handle the change event.
            }
        </script>
    </kendo:signature-change>
</kendo:signature>

kendo:signature-close

Fired when the value popup of the component is changed

For additional information check the close event documentation.

Example

<kendo:signature>
    <kendo:signature-close>
        <script>
            function(e) {
                // Code to handle the close event.
            }
        </script>
    </kendo:signature-close>
</kendo:signature>

kendo:signature-open

Fired when the value of the widget is changed by the user.The event handler function context (available via the this keyword) will be set to the widget instance.

For additional information check the open event documentation.

Example

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