SignatureComponent
Represents the Kendo UI Signature component for Angular.
The Signature allows users to add a hand-drawn signature to forms.
Selector
kendo-signature
Export Name
Accessible in templates as #kendoSignatureInstance="kendoSignature"
Inputs
| Name | Type | Default | Description |
|---|---|---|---|
backgroundColor |
|
The background color of the signature. Accepts CSS color names and hex values. The default value is determined by the theme | |
color |
|
The stroke color of the signature. Accepts CSS color names and hex values. The default value is determined by the theme | |
exportScale |
|
|
The scale factor for the exported image. The Signature width and height will be multiplied by the scale when converting the signature to an image. |
fillMode |
|
The fillMode property specifies the background and border styles of the signature (see example). The possible values are:
| |
height |
|
The height of the signature in pixels. The height can also be set using inline styles and CSS. | |
hideLine |
|
|
A flag indicating whether the dotted line should be displayed in the background. |
maximizable |
|
|
A flag indicating if the signature can be maximized. |
popupScale |
|
|
The scale factor for the popup. The Signature width and height will be multiplied by the scale when showing the popup. |
rounded |
|
The rounded property specifies the border radius of the signature (see example). The possible values are:
| |
size |
|
The size property specifies the padding of the Signature internal controls (see example). The possible values are:
| |
smooth |
|
|
A flag indicating whether to smooth out signature lines. |
strokeWidth |
|
|
The stroke width of the signature. |
tabindex |
|
|
Specifies the tabindex of the component. |
value |
|
Gets or sets the value of the signature. The value is a Base64-encoded PNG image. | |
width |
|
Sets the width of the signature in pixels. The width can also be set using inline styles and CSS. |
Fields
| Name | Type | Default | Description |
|---|---|---|---|
disabled |
|
|
Sets the disabled state of the Signature. To disable the component in reactive forms, visit the following article |
isFocused |
|
Indicates whether the Signature wrapper is focused. | |
isOpen |
|
Indicates whether the Signature popup is open. | |
readonly |
|
|
Sets the read-only state of the Signature. |
Events
| Name | Type | Description |
|---|---|---|
close |
|
Fires each time the popup is about to close. This event is preventable. If you cancel it, the popup will remain open. |
blur |
|
Fires each time the Signature is blurred. |
focus |
|
Fires each time Signature is focused. |
open |
|
Fires each time the popup is about to open. This event is preventable. If you cancel it, the popup will remain closed. |
valueChange |
|
Fires each time the signature value is changed. |
Methods
blur |
|---|
|
Blurs the Signature. |
focus |
|---|
|
Focuses the wrapper of the Signature. |
reset |
|---|
|
Clears the value of the Signature. |
toggle | ||||||
|---|---|---|---|---|---|---|
|
Toggles the popup of the Signature.
Does not trigger the | ||||||
|
