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

    Smooth signature - how to make the pad size bigger

    Asked by regkhn on March 14, 2014 at 10:44 AM

    Even if I increase width and heighth on the smooth signature, it stil remains small. You can barely make a signature on e.g Samsung Note 10.1. How do I make it bigger?

    This is my settings and at the end you can see a screenshot from my Samsung Tablet:

     

     

    As you see, it is small. I want to fill it out (the whole screen)!

     

    Thanks!

     

    Screenshot
    size smooth signature settings fill thanks
  • Profile Image

    Answered by Carina on March 14, 2014 at 02:36 PM

    To change the smooth signature's dimensions please inject the following css code:

    #smoothed-variableStrokeWidth

     {

    height: 800px;

    width: 860px;

    }

    .pad

     {

    height: 800px;

    width: 860px;

     

    }

    Adjust the values to your needs.

    Let us know if we can be of more assistance.

  • Profile Image

    Answered by regkhn on March 18, 2014 at 10:39 AM

    I tried this, but it did not increase the pad-area itself. Still after the change the area within the lines is too small. Please have a look at the screen shot in the original post. The size is the same.

     

    So what I am trying to find an answer to, is how to make the area inside the lines larger. I want to have the area in full screen when choosing the tablet to tilt in landscape mode. As it is now, the are is too small for a person to put in his/her signature.

     

  • Profile Image

    Answered by pinoytech on March 18, 2014 at 01:01 PM

    Hi,

    Can you please try to inject this custom css in your form?

    /* iPads (portrait and landscape) ----------- */

    @media only screen 

    and (min-device-width : 768px) 

    and (max-device-width : 1024px) {

    /* Styles */

    #smoothed-variableStrokeWidth.sigPad {

    width: 450px !important;

    }

    canvas.pad {

    width: 448px !important;

    height: 269px !important;

    }

    }

    Feel free to contact us again if you need further assistance.

  • Profile Image

    Answered by regkhn on March 19, 2014 at 10:35 AM

    Hello!

    No change. Still too small area for signing.

    http://form.jotformpro.com/form/40774250081954

    Do you have some kind of tablet iPad og Samsung to test on?

    If not, the problem is also on a PC (windows browser like IE)

  • Profile Image

    Answered by pinoytech on March 19, 2014 at 01:39 PM

    Hi,

    Sorry about that. I will now submit a ticket to our dev team with regards on this issue. As temporarily workaround, I would suggest you to use E-signature widget where you have the ability to control the size of the widget. You can check this video: http://www.screencast.com/t/ewMi7egSc

    Check this form: http://www.jotformpro.com/form/40774949045969

    Here's how it looks like