Fields extend off edge of form

  • nfwfwf
    Asked on July 2, 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

    Jotform Thread 601795 Screenshot
  • AaronSiciliano
    Replied on July 2, 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

  • nfwfwf
    Replied on July 2, 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
    ...
  • Mike_G JotForm Support
    Replied on July 2, 2015 at 1: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:

    Fields extend off edge of form Image 1 Screenshot 20

    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.