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

    Form Help

    Asked by pivotmedia on June 08, 2016 at 05:55 PM

    I have a form a this page, http://www.telecompetitor.com/clients/adtran/wp/index.html

    I went into design to change the height; however, it it still to long in Chrome and FFX.

    Also, I tried to may for centered horizontally, but that too, isn't working. The form seems to be more flushed to the left.

     

    Thanks for your help!

    height design layout
  • Profile Image

    Answered by victor on June 08, 2016 at 08:20 PM

    I have just reviewed your site and was able to view your site properly. If you are still having problems designing your form, please let us know and we will be glad to help.

     

  • Profile Image

    Answered by pivotmedia on June 09, 2016 at 09:45 AM
    Doesn't look fixed. there is more padding in the left margin than the right
    of the fields.
    ...
  • Profile Image
    JotForm Support

    Answered by Charlie on June 09, 2016 at 11:09 AM

    Are you referring to the margin or padding on the left and right side of the form fields inside your form?

     

    Your form's design and layout on the website is actually a mobile responsive version of it. If you want your form to look exactly how it is designed in the form builder, then you can try re-embedding the form using the iFrame embed code

    See if this form design works for you: https://form.jotform.com/61604234064952. You can try cloning it to have a copy of it in your account. Here's how to clone my form: https://www.jotform.com/help/42-How-to-clone-an-existing-form-from-a-URL 

    Here are the changes I made:

    1. Make sure that the input width is the same of the maximum width of the form itself. In my case, I made sure that they are both 300px.

    2. I then edited your custom CSS code to this one:

    .form-submit-button {

        cursor : pointer;

    }

    .jotform-form {

        padding-bottom : 0;

    }

     

    li.form-line {

        width: 80% !important;

        margin-left: auto !important;

        margin-right: auto !important;

    }

    The form itself is now centered, so it won't be push to the left so much but it will automatically adjust based on the width of your iFrame or the parent element where it is embedded.

     

    Let us know if that works for you.