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

    Embedded Form: Form fields stretcthing to full width

    Asked by mbstudio on May 22, 2016 at 10:51 AM

    Hi

     

    I have a built a form, and when I preview it in the designer view it looks fine, and in the form preview. But when I embed it onto my page the form fields are dropped onto the line below the field label and are stretched the whole width. I don't want them to stretch the whole width. I want them to be on the same line next to the label.

     

    The form is on a wordpress site, that sits behind a under construction page, so I cannot send you a link to it. The form id on jot form is 61423777248361

     

     

    Screenshot
    full width field width embedded form
  • Profile Image
    JotForm Support

    Answered by Mike on May 22, 2016 at 12:01 PM

    Thank you for contacting us.

    This issue might be related to applied mobile styles due to a small form placeholder size on the web page.

    Please try adding the next CSS via form designer to see if that helps.

    .form-textbox, .form-textarea, .form-input {
    width: 200px !important;
    max-width: 200px !important;
    }
    .form-label {
    width: 120px !important;
    }

    If you need any further assistance, please let us know.