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 looks right in builder, but not in preview or on web

    Asked by max123jot on September 10, 2016 at 02:02 PM

    jot form had given advice on inject css

    it now looks right in builder, but not on web

    i probably did something wrong w how the code was injected

    please advise

    m

    Page URL:
    https://www.jotform.com//?formID=60385308886163#

    preview builder OR right
  • Profile Image
    JotForm Support

    Answered by Kevin_G on September 10, 2016 at 10:57 PM

    I have checked your form and it looks the same in the Form Builder and when loading the direct link to it, here are some screenshots about it: 

    What I would suggest you is to clean the CSS code that you have injected to your from, please try removing all the existing code and injecting this one instead: 

    #input_15 {

        width : 300px;

        font-size : 20px;

    }

    .form-line.form-line-column.form-col-2 {

        width : 130px;

    }

    #label_14 {

        width : 100px;

    }

    .form-dropdown {

        width : 100px;

    }

    #input_14 {

        width : 200px;

    }

    .form-line.form-line-column.form-col-4.jf-required {

        width : 40px;

    }

    #input_22 {

        width : 150px;

    }

    The form layout may change depending on the embed method you're using to embed it, for example, if you're using the source code of your form then there may be some CSS styles in your form that are affecting the embedded form. 

    However, you may provide us the link to the webpage where you're embedding it as well as the desired layout, we will be glad to check it for you. 

    Thanks. 

  • Profile Image

    Answered by max123jot on September 12, 2016 at 11:11 AM

    awsome

    m