If a form is opened in portrait and switch to landscape mode, the signature widget doesn't follow the thumb when signing.

  • Profile Image
    iStore
    Asked on December 19, 2016 at 10:46 PM
    Regarding the signature. If a record is started in portrait (page loaded in portrait) and then turned to landscape, the signature field gets very weird when signing. Weird behavior happens in reverse also. Hopefully you are able to test and duplicate to see what I mean.
  • Profile Image
    Chriistian
    Answered on December 20, 2016 at 12:11 AM

    The issue seems to be related to how the width of the signature field is displayed in the form. Since there was css applied to the widget that makes it expand on landscape mode, if the orientation is changed the form will have to be refreshed so that the browser can interpret the code, detect the change in orientation and display it properly.

    To resolve this issue, we will need to enter a fixed width for the signature widget in landscape and portrait mode. Please inject the custom css code below to resolve the issue.

    @media only screen and (max-device-width: 766px){

        canvas.jSignature {

        width: 323px!important;

        }

        div#signature_pad_10 {

            width : 323px !important;

        }

        .signature-line.signature-wrapper {

            width : 323px !important;

        }

        div#sig_pad_10 {

            width :323px !important;

        }

        canvas.jSignature {

            width : 323px !important;

        }

    }

    You can check out this demo form to see it in action: www.jotform.com/63538459606971  

    Please let us know if you need further assistance.
    Regards.