- qvmomsclubAsked on July 30, 2014 at 06:05 PM
My whole form won't appear when I embed it onto my page. I have tried using the wordpress embed feature and iframe. It also looks like this when using chrome and internet explorer.
- JotForm SupportjonathanAnswered on July 30, 2014 at 08:00 PM
Can you please use this iframe embed code method to re-embed the form.
User Guide: -Getting-the-Form-iFrame-Code
From what I see in your embedded form, it was using the script code and the iframe height is not enough to display the full form.
Using the iframe embed code will allow you to manually adjust the iframe height if necessary.
Hope this help. Inform us if still not resolve.
- qvmomsclubAnswered on July 30, 2014 at 08:33 PM
Thank you, I've tried this and am still having the same issue.
- roastedbuffaloAnswered on July 30, 2014 at 08:54 PM
- JotForm SupportjonathanAnswered on July 30, 2014 at 09:34 PM
I think the JotForm Wordpress plugin is not working on your website.
I suggest disabling/removing it on your WP website and then try re-embedding the form using the manual method using its iframe embed code
Please follow the steps of the following guide "Adding Forms to WordPress" and only change you need to make is to copy the iFrame embed code without the script code instead of the "Wordpress" embed code, Please check the screenshot below:
Tha following guide should help you grab your form's iFrame embed code:
User Guide: -Getting-the-Form-iFrame-Code
Please use the following iFrame code to embed your form.
<iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.us/form/41898768004163" frameborder="0" style="width:1100px; height:5000px; border:none;" scrolling="no"></iframe>
Please inform us if still not resolved.
- qvmomsclubAnswered on July 31, 2014 at 12:49 AM
I tried doing this earlier before installing the plugin and it didn't work. Just tried again with no luck.
- JotForm SupportjonathanAnswered on July 31, 2014 at 03:34 AM
Let me check do further testing on this. I will get back to you quickly.
- JotForm SupportjonathanAnswered on July 31, 2014 at 04:20 AM
I did some test using my own WP test site. And I was able to embed your form using the iframe code just fine.
Here how it looks.
this is the iframe embed code I used
<iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.us/form/41898768004163" frameborder="0" style="width:100%; height:1538px; border:none;" scrolling="no"></iframe>
I also test the WP Embed Form plugin and it still works for me.
will you be able to share to us a screenshot of your WP editor similar to what I had shown on my screenshot?
Perhaps we can find the cause in the embedding procedures.
- qvmomsclubAnswered on July 31, 2014 at 12:03 PM
Sure, here you go. Is it possible that this is a problem with the theme I'm using? I have another site using a very similar form and have had no problems embedding it.
- JotForm Supportashwin_dAnswered on July 31, 2014 at 01:34 PM
I did check your word press page and the issue seems to be because of your "serena" theme. To solve your problem, you will have to edit the style file of your theme. You can do that from your word press editor.
You need to actually edit the "style.css" file of your theme and add the following custom css code in that file. That should solve your problem. I did changed it in browser and I was able to view your from without any issue. Please check the screenshot below:
Do try this and get back to us if the issue persists.
- bgpmomsclubAnswered on July 31, 2014 at 04:58 PM
Can you provide the custom css code in a copy/paste format? The whole thing doesn't show up on this screenshot.
Once I have it, I just add it to the bottom of the style.css file?
- JotForm SupportjonathanAnswered on July 31, 2014 at 06:37 PM
Please open this style sheet of your WP theme
then search for the word "iframe" then edit the height value
Please update us of the result.
- bgpmomsclubAnswered on July 31, 2014 at 11:37 PM
Thank you, I was finally able to figure this out/correct!
- JotForm Supportashwin_dAnswered on August 01, 2014 at 01:59 AM
You are welcome.
I am glad to know that your issue is now resolved.
Do get back to us if you have any question.