-
kerrandphotosAsked on February 1, 2016 at 9:18 PM
Hi JotForm,
The form on the webpage won't show at least I try to re-fresh/re-load the webpage. How to fix the problem? What can I do?
Page URL: http://www.kerrandphotos.com/contact/ -
beril JotForm UI DeveloperReplied on February 2, 2016 at 2:44 AM
I am not able to reproduced same issue that you are having. I can see your form without any issue.
However, when I checked your source code I see that, there is two embedded code.
Can you delete one of them and let us know the result?
If you have any question or issues, please do not hesitate contacting us. We will be glad to assist you.
-
CrownpaperReplied on February 2, 2016 at 12:18 PM
Hi,
Please toggle other webpage and Contact page. You can experience the issue about the form wont show at the first place.
I can't delete that part of coding from WordPress. I deleted the Text Block Tag and created a new one. Copied the code form JetForm, then pasted into the new Text Block. The code you want me to deleted still there.
Please help
-
Kevin Support Team LeadReplied on February 2, 2016 at 2:42 PM
I was able to see your issue, I checked the web console and seems to be a conflict between the embedded form and the code in your website.
I see you are using the default embed option, I do not know if could be possible to use the iFrame option, you will find the steps to get it on this guide: http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code.
Do let us know the result, we will be glad to help you.
-
CrownpaperReplied on February 2, 2016 at 2:50 PM
Hi Kevin,
The form is cut off using iFrame. Could you custom the hight using CSS? Thanks.
http://www.kerrandphotos.com/contact/
-
Kevin Support Team LeadReplied on February 2, 2016 at 3:58 PM
Use this iFrame code instead of the one that you are using currently:
<iframe
id="JotFormIFrame"
onDISABLEDload="window.parent.scrollTo(0,0)"
allowtransparency="true"
src="https://form.jotform.com/60297427788168"
frameborder="0"
style="width:100%;
height:800px;
border:none;"
scrolling="no">
</iframe>
It should set the correct height for your form.
Do let us know if the issue is not there anymore.
-
kerrandphotosReplied on February 2, 2016 at 5:45 PM
Hi Kevin,
Thank you for quick responding. One more thing that bugs me though. The form on tablets and smartphones is cut off. Can I have certain codings for those devices. Thank you so much.
-
Chriistian Jotform SupportReplied on February 3, 2016 at 1:30 AM
You can use this iframe code instead to prevent the form from being cut off on mobile.
<iframe id="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/60297427788168" frameborder="0" style="width:100%; height:860px; border:none;" scrolling="no"> </iframe>