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

    Fields extend off edge of form

    Asked by nfwfwf on July 02, 2015 at 11:29 AM

    Ever since i used the Designer feature my form fields are extending off the edge of the label. Any way this can be fixed? i've tried and can't do it

    Page URL:
    http://www.nfwfwf.net/the-2015-auction/

    Screenshot
    extend label and designer can't
  • Profile Image

    Answered by AaronSiciliano on July 02, 2015 at 12:04 PM

    Hello nfwfwf,

     

    I have found that in your custom css you have specified the padding for form-line.

    .form-line {

    padding : 0 0 0 5px;

    }

    This custom css is causing the form to extend beyond the edge of the form. If it is removed then your form will go back to resizing itself properly to the container.

     

    Thanks, Aaron

  • Profile Image

    Answered by nfwfwf on July 02, 2015 at 12:23 PM
    I did this, and it looks fine in JotForm, but it still gets cut off when viewed on a computer or phone. Any thoughts? Many thanks for the speedy reply.
    Barb
    ...
  • Profile Image
    JotForm Support

    Answered by Mike_G on July 02, 2015 at 01:22 PM

    It seems that your form needs a little space from the right. Try adding this CSS codes on your form using this guide: How-to-Inject-Custom-CSS-Codes

    .form-line{

    padding-right: 5px !important;

    }

    Once you applied this changes, your form should look like this on your web site:

    Also, how would you like to consider using the iframe code instead of the normal script code when embedding your form to your web site. Getting-the-Form-iFrame-Code

    I hope this helps. Let us know if you need any further assistance. Thank you.