What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

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

    Asked by iStore 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
    JotForm Support

    Answered by Chriistian 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.