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 in designer not displaying on website correctly

    Asked by dfinkelstein on July 30, 2015 at 04:10 PM

    We created a nice looking form using the designer, but when we put it on our website it looks very different and not styled like it should be.

     

    Can you please help so we can have it displayed correctly?

     

    Form in qestion: (see how the first and last name are boxed correctly with the rest of the form?  Also the spacing is much tighter)

    https://secure.jotformeu.com/form/52098208903356

    On our website:

    https://instantcard.net/home-new-dave/

     

    Please let me know what we need to do to get this fixed.

     

    I tried iframe, source code and embedded, and none worked.

     

    Thanks much,

    David/InstantCard

    designer displaying correctly in
  • Profile Image
    JotForm Support

    Answered by BDAVID on July 30, 2015 at 05:20 PM

    Please try again with the iFrame code: http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code

    But this time before embedding it in your webpage, paste the obtained code in a text editor like WordPad, you will notice two parts of code, only copy and embed the iFrame part:

    This should fix the issue. Let us know if you need more help, we will be glad to assist you.

  • Profile Image

    Answered by dfinkelstein on July 30, 2015 at 05:40 PM

    Thanks for the reply.  Unfortunately it did not fix the issue. 

     

    I took only the <iframe> </iframe> section and it looks no different, as you can see.  

     

    What else could be the issue?

     

    Thanks for the help

  • Profile Image
    JotForm Support

    Answered by BDAVID on July 30, 2015 at 07:42 PM

    Upon further inspecting how your form is embedded, I see the problem is not with the form, it has to do with the div where you have embedded your form, you need to increase it's width: