How to save signature to database using ASP.NET Core (Razor Pages)

[Janko]

I've seen Signature component and it's documentation but I haven't seen how to save the signature in DB.

Since there's no SignatureFor component to bind a model attribute to it, how to save a signature as a model attribute?

[Mihaela]

Hi Janko,

You could integrate the Signature editor into the Telerik UI for ASP.NET Core Form, as described in the Form integration section in the documentation.

If you would like to integrate the Signature into a standard HTML form, you could use the HtmlAttributes() method to set the "data-bind" attribute to bind the editor to the respective Model property:

//Model
    public class UserViewModel
    {
        public string UserSignature { get; set; } 
    }

//View
@model UserViewModel

<form id="testForm" method="POST">
    <div>
        @(Html.Kendo().Signature()
                .Name("UserSignature")
                .HtmlAttributes(new { data_bind = "value: UserSignature" })
                .Color("crimson")
                .Width(600)
                .Height(340)
        )
    </div>
    <input type="submit" value="Submit"/>
</form>

Regards,
Mihaela
Progress Telerik

[Janko]

Thank you for your answer Mihaela :)

Just to point out for future visitors that it is important that UserSignature is of type string, so you need to have two properties, one of type string for Kendo Signature component and byte[] for handling BLOBs from database.