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.
My form is not showing on my siteAsked by tigermartialarts on May 26, 2015 at 12:59 PM
My form is currently not showing when I directly try and embed it into my site.
The problem is here: http://www.tigermartialarts.club/contact.html
It does work if I embed it as an iframe, however that does seem to create excess white space after the end of my form.
As is seen here: http://www.tigermartialarts.club/register.html
Any idea what the issue could be here? I'd rather not use the source code as I'd like it to update automatically.
site problem source create
If the forms works when using the iFrame method but does not when using other methods, this usually means that something in your page is conflicting with your form. You can adjust the height of the frame to suit the size of your page. Just change the value of the height attribute in your embed code:
If this still does not produce the desired look, let us know and we will be happy to see what else we can do.
Thanks for your reply, the issue with me changing the height is that it then cuts off some of the form when a dropdown is activated. Also no matter how I change the height of the form it doesn't seem to cut out enough of the white space.
I think it would work fine if I didn't have drop downs in my form.
Try adding this code to your form:
padding-bottom: 0px !important;
See if that removes the space at the bottom. The same can be done for the top if you'd like. Just replace bottom with top.
Unfortunately this didn't seem to work. I'm not sure why. The only way I can get rid of that white space seems to be directly embedding with the dreamweaver code?
It seems to be caused because of the "wrapper" class css you have in your web page. The height of this wrapper is 810 px.
I would suggest you the following steps which should help you:
#1. Use the following iFrame embed code to embed your form in your web page:
<iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformeu.com/form/42497264615360" frameborder="0" style="width:100%; height: 598px; border:none;" scrolling="no"></iframe>
#2. Inject the following custom css code in your form:
margin-top: -82px !important;
The following guide should help you how to inject custom css code in form: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
Hope this helps.
Do get back to us if the issue persists.
Please refer to this link: http://www.jotform.com/answers/576771. We will address your concern there.