Fields extend off edge of form

  • Profile Image
    nfwfwf
    Asked 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

  • Profile Image
    AaronSiciliano
    Answered 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
    nfwfwf
    Answered 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
    Mike_G
    Answered 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.