Saving Signature

[Larry Zwegat]

Hello

I am building an asp.net application that saves the signature from the signature control to an image on the web server. The problem I am facing is I can not figure how. The only info I can find is either saving to sql, saving to the clients computer or saving the signature in a PDF. I need to only save the signature as an image.

[Deepa Loganathan]

Hi Larry,

 

 

Thanks for contacting Syncfusion support. 

 

 

We understood your requirement to save the Signature as an image in the server.  

 

1.      To save Signature as an image in the server. 

 

We have already published a KB based on your requirement. Please check the below link. 

 

 

KB: https://www.syncfusion.com/kb/7976/how-to-save-the-signature-image-to-a-folder-in-an-application 

 

 

2.      To save Signature as an image in the local machine 

 

You can make use of the Save method of Signature. Please our below help links for your reference.  

 

API: https://help.syncfusion.com/api/js/ejsignature#methods:save 

 

Show case sample: https://asp.syncfusion.com/demos/web/signature/apis.aspx 

UG document: https://help.syncfusion.com/aspnet/signature/how-to#save-signature-image-with-user-defined-format 

 

 

Regards, 

Deepa L. 

 

[Larry Zwegat]

Yes, I saw that example but I could not get it to work in my code. Can you provide a demo and if possible in vb. Thanks

[Deepa Loganathan]

Hi Larry, 

 

Thanks for your update. 

 

Based on your requirement of “saving to the signature as an image in a folder in our application (server)”, we have prepared a sample and attached below in your expected VB platform. 

 

Demo: http://www.syncfusion.com/downloads/support/forum/142308/ze/ASPVBapplication-254317506 

 

Please download and check the sample if it meets your requirement and get back to us if you have any further queries.  

 

We will be happy to assist you. 

 

Regards, 

Deepa L. 

[Larry Zwegat]

The demo is exactly what I was looking for. Thank You. 

When I put the code in my project and click on the Save image to folder button nothing happens. The demo works just fine. Is there something I am missing.

[Larry Zwegat]

Never Mind I found the issue. The script manager needs page methods enabled. Thank You so much. 

[Deepa Loganathan]

Hi Larry,  

 

You are most welcome.  

 

Please get back to us if you have any further queries. 

 

Regards,  

Deepa L.  

[Paul]

Is there a code behind way of getting at the signature value?

If a signature is on a form with other data, I want to be able to save the form data with said signature in one routine i.e. from a Save button.  Your example implies either having two save routines, or saving the entire dataset using Javascript...The former creates a mess and the latter beckons the question of "what's the point of using ASP.NET?".

The whole point of ASP.NET was to keep all the nasty details of HTTP and Javascript at arms length...that seems to have died along with the concept of designing and testing software. 

[Sivakumar ShunmugaSundaram]

Hi Paul,

We understand that you want to get the Syncfusion EJ Signature value on the server side while clicking the submit button. We would like to let you know that, currently, we do not have a way to get the Signature value on the server side while clicking the submit button.

To achieve your requirement, we have prepared a simple sample of ASP.NET Web Forms with Syncfusion EJ Signature control and manually triggered the Signature upload page method while clicking on the submit button. We have attached the prepared sample for your reference.

Refer to the below code snippet.

[Default.aspx]

 

<div class="frame ">

<h2>Signature:</h2>

<div class="control">

    <ej:Signature ID="Signature1" Height="400px" StrokeWidth="3" IsResponsive="true" runat="server"></ej:Signature>

</div>

<br />

<br />

...

<asp:Button ID="Button1" runat="server" Text="submit" OnClientClick="btn1Click();" OnClick="Button1_Click" /><br /><br /><br />

...

<asp:Label ID="userInput" runat="server"></asp:Label> <br /><br /><br />

...

<asp:TextBox id="TextArea1" TextMode="multiline" Columns="50" Rows="5" runat="server" />

</div>

 

<script>

function btn1Click() {

           

    var target = $("#<%=Signature1.ClientID%>").ejSignature("instance")._canvas[0].toDataURL()

    PageMethods.Upload(target, onSucess, onError);

 

    function onSucess(response) {

        alert("succesfully sent to datasource")

    }

    function onError(response) {

        alert('Something wrong.');

    }

}

[Default.aspx]

 

public partial class _Default : Page

    {

        static string signatureValue { get; set; }

        ...

        [System.Web.Services.WebMethod]

        public static string Upload(string target)

        {

            signatureValue = target;

            var stream = new MemoryStream();

            var writer = new StreamWriter(stream);

            writer.Write(target);

            writer.Flush();

            stream.Position = 0;

            SqlConnection con = new SqlConnection(@"Data Source=(LocalDB)\MSSQLLocalDB;AttachDbFilename=D:\support\asp_webform\signature\WebSample677502731\WebSample\App_Data\Signaturedata.mdf;Integrated Security=True;Connect Timeout=30");  // set your system local fle location

            con.Open();

            string query = "INSERT INTO newData (DataValue) VALUES ('" + stream + "')";

            SqlCommand cmd = new SqlCommand(query);

            cmd.Connection = con;

            cmd.ExecuteNonQuery();

            con.Close();

 

            return target;

        }

        ...

        protected void Button1_Click(object sender, EventArgs e)

        {

            userInput.Text = UserName.Text;

            TextArea1.Text = signatureValue;

        }

    }

}

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/WebSample919771080.zip

Please check the shared sample and get back to us if you need any further assistance.

Regards,

Sivakumar S