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.
HTML code not pulling correctlyAsked by cassiewhitaker on December 02, 2014 at 03:49 PM
I recently copied and pasted html code of one of my forms into a web page on one of our event websites. All of the fields and information are not pulling correctly when I paste the the code onto the page. I have had our website provider take a look and they said that the problem is coming from the 3rd party (Jot Form).
The form that I am referencing is the IHMRS 2015 Exhibitor Inquiry form
Also, here is a link to the webpage that I have tried to paste the html into so you can see how it's showing up:
From what I can see everything seems to be working as it should. Not you probably mean those arrows on the left? That will always happen if you place a code on your page in a way such as you did the jotform. It is a direct part of your website and it will be directly applied by the styles of your own pages.
- For example, the same arrows are shown in the search the buyers guide..
Now to make sure that your jotform looks properly you should use the iframe embed method. The iFrame would serve as a break between your website and the form not allowing the code from the website to impact its code.
Do let us know how it goes.
With iFrame code, you are also able to do quick changes to your jotform without re-embedding it on your website pages every time to see the change.
I did the iFrame option and now it is cutting off half of my form? See link below..
This seems to be the issue with the div with class bodysheet_2-image having width of 300px.
This width needs to be increased upto 700px to match the form width. You can see the full width JotForm as below once the width of respective is increased.
Hope this information helps. Let us know if you have any questions. We will be happy to help.
Thanks Kiram. Once I adjusted the width it seemed to update and is now showing correctly on my website. However, for future reference shouldn't the source/iFrame adjust automatically to show up correctly on our website?
Yes, it does that, but this was caused by a style on your website clipping the iframe where the jotform was in.
There are many different ways to style parts of your website and some might hide, shrink, expand, move, etc parts of the page where the jotform is embedded, but just let us know and we would be happy to help you to have the jotform displaying properly.