1 Answer, 1 is accepted
Hi Valentyn,
The valueChange event of the Kendo UI Signature component is triggered when there are changes made in the signature drawing itself. To trigger an event when the value of the Appearance changes, use the valueChange event of the DropDownList component or the valueChange event of the ColorPicker component.
For example:
<kendo-colorpicker
[(value)]="backgroundColor"
(valueChange)="bgColorChange($event)">
</kendo-colorpicker>
<kendo-dropdownlist
[(value)]="strokeWidth"
(valueChange)="strokeWidthChange($event)">
</kendo-dropdownlist>
<kendo-signature
(valueChange)="valueChange($event)">
</kendo-signature>In this StackBlitz example, I have added valueChange events in the respective components.
I hope this helps. Please let me know if I can further assist you.
Regards,
Hetali
Progress Telerik
Rank 1
Hi. Thank You for your answer.
But the main question is now to get an updated signature value after changing color, strokeWidth, or backgroundColor? The signature value doesn't update after these changes.
Hi Valentyn,
I am not sure that understand the issue correctly. Each Kendo UI for Angular component (DatePicker, ColorPicker, Signature, etc.) has predefined supported events that can be checked in the API of the respective component (SignatureComponent, DatePickerComponent, ColorPickerComponent, etc).
Regarding the colors, pass the signature referecenace to the handler:
<kendo-colorpicker [(value)]="color" (valueChange)="colorChange($event, signature)">
</kendo-colorpicker>And access the color:
public colorChange(e, signature: SignatureComponent) {
console.log(signature.color);
}