The form won't show at least I reload the webpage

  • kerrandphotos
    Asked 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?

  • beril JotForm UI Developer
    Replied 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.

    The form wont show at least I reload the webpage Image 1 Screenshot 30

     

    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?

    The form wont show at least I reload the webpage Image 2 Screenshot 41

    If you have any question or issues, please do not hesitate contacting us. We will be glad to assist you.

  • Crownpaper
    Replied 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 Lead
    Replied 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.

  • Crownpaper
    Replied 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 Lead
    Replied 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.

  • kerrandphotos
    Replied 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 Support
    Replied 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> 

    The form wont show at least I reload the webpage Image 1 Screenshot 20