SignatureComponent
Represents the Kendo UI Signature component for Angular.
Use the Signature to let users add a hand-drawn signature to forms.
Definition
Package:@progress/kendo-angular-inputs
Selector:kendo-signature
Export Name:Accessible in templates as #kendoSignatureInstance="kendoSignature"
Syntax:
<kendo-signature [(ngModel)]="signatureValue"></kendo-signature>Inputs
Sets the background color of the Signature.
Accepts CSS color names and hex values.
The default value is determined by the theme $kendo-input-bg variable.
color
any
Sets the stroke color of the Signature.
Accepts CSS color names and hex values.
The default value is determined by the theme $kendo-input-text variable.
disabled
boolean
Sets the disabled state of the Signature.
Set to true to disable the component and prevent any user interaction.
To disable the component in reactive forms, see Managing the Signature Disabled State in Reactive Forms.
false
exportScale
number
Sets the scale factor for the exported image.
The Signature width and height are multiplied by this value when converting the signature to an image.
DEFAULT_EXPORT_SCALE
Sets the background and border styles of the Signature (see example). The default value is set by the Kendo theme.
height
number
Sets the height of the Signature in pixels.
You can also set the height using inline styles or CSS.
hideLine
boolean
When set to true, hides the dotted line in the background.
false
maximizable
boolean
When set to true, allows the Signature to be maximized.
true
popupScale
number
Sets the scale factor for the popup.
The Signature width and height are multiplied by this value when showing the popup.
DEFAULT_POPUP_SCALE
readonly
boolean
Sets the read-only state of the Signature.
Set to true to prevent editing.
false
Sets the border radius of the Signature (see example). The default value is set by the Kendo theme.
Sets the padding of the Signature internal controls (ee example). The default value is set by the Kendo theme.
smooth
boolean
When set to true, smooths out signature lines.
false
strokeWidth
number
Sets the stroke width of the Signature.
1
value
string
Gets or sets the value of the Signature.
The value is a Base64-encoded PNG image.
width
number
Sets the width of the Signature in pixels.
You can also set the width using inline styles or CSS.
Fields
isFocused
boolean
Indicates if the Signature wrapper is focused.
false
isOpen
boolean
Indicates if the Signature popup is open.
Events
blur
EventEmitter<any>
Fires when the Signature loses focus.
Fires before the popup closes.
This event is preventable. If you cancel it, the popup stays open.
focus
EventEmitter<any>
Fires when the Signature receives focus.
Fires before the popup opens.
This event is preventable. If you cancel it, the popup stays closed.
valueChange
EventEmitter<string>
Fires when the signature value changes.