Problem rendering ejSignature in a modal (bad quality)

Hi!

It's a bit strange but when I render the signature control in a modal, the quality is really bad. Like this:






When I resize any element of the browser (I noticed when I reduced the size of the dev tools in Chrome) the quality is ok. Like this:





I tried to resize the control using jquery but this didn't quite work. Any idea how I could fix that?

3 Replies

AP Arun Palaniyandi Syncfusion Team December 18, 2017 11:39 AM UTC

Hi Paul Kocher,    
    
Thanks for contacting Syncfusion support.    

Based on the shared images, we can able to found that the signature div container have been changed programmatically in the Modal Dialog . Hence this will change only the width of signature’s canvas not element’s height and width. And this will also lead to signature drawing misplacement and also the less image quality. So, we suggest you to refresh the Signature canvas element after the control is rendered. This refresh can be called in the modal Dialog open event or any of the page event. 
 
 
   function onopen(e) { 
      
        obj = $("#mysign").ejSignature("instance"); 
        obj._resizeCanvas();  
 
    } 
 
  
Please use this private _resizeCanvas() internal function as of now to refresh the Signature. we have also logged a defect report to provide the “refresh ”as a public method and created a support incident to track the status of this defect has been created under your account. Please log on to our support website to check for further updates.  
 
   
 
We have also prepared a sample for your reference below: 
 
 
 
If the shared details and sample doesn’t fulfil your requirement, could you please share us with further details. So that we could provide an alternate solution.  
 
Regards,  
Arun P. 




PK Paul Kocher December 19, 2017 08:02 AM UTC

Hello Arun,

thanks for your answer! This was exactly what I needed. Now it works as expected

Cheers
Paul


AP Arun Palaniyandi Syncfusion Team December 20, 2017 04:51 AM UTC

Hi Paul Kocher, 
 
We are glad that our solution has resolved your issue. 
 
Please let us know if you have any queries in future. 
 
Regards, 
Arun P. 


Loader.
Up arrow icon