Signature Box on Mobile : Drawing far away from the cursor

[Altair]

Hello, I have a signature box that doesn't draw exactly where I'm pointing to on mobile/iphones. It seems like there's an offset.

[Nuke354]

Hi, I have found documentation for the Signature Pad Library regarding resizing the signature based on the device's viewport.
https://github.com/szimek/signature_pad#handling-high-dpi-screens

Here's a discussion about it:

https://stackoverflow.com/questions/51711627/signature-pad-on-mobile-draws-a-distance-of-several-centimeters-along-the-x-and

So on Caspio, I have tried this code snippet:
 

<script type="text/javascript">
$(document).ready(function () {

  $('#caspioform').signaturePad({drawOnly : true});
 // window.addEventListener("resize", resizeCanvas);
  resizeCanvas();
 
});
$("#cb_sign_wrapper form").submit(function(){
$("#EditRecordSignature")[0].value = $("#cb_sign_wrapper .output")[0].value;
});

function resizeCanvas() {
  var canvas = document.querySelector(".pad");
  var ratio =  Math.max(window.devicePixelRatio || 1, 1);
  canvas.width = canvas.offsetWidth * ratio;
  canvas.height = canvas.offsetHeight * ratio;
  canvas.getContext("2d").scale(ratio, ratio);

  var ctx = canvas.getContext("2d");
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  
}

</script>

This should adjust the signature pad on first load on mobile.

[Kurumi]

Hi @Altair - They have now this offer, App Extensions. Electronic Signature is included as well. You can check this link for reference.