JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
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.
Form in designer not displaying on website correctlyAsked 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)
On our website:
Please let me know what we need to do to get this fixed.
I tried iframe, source code and embedded, and none worked.
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.
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
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: