Bottom section of form including Submit button keeps disappearing

  • odm111
    Asked on November 2, 2015 at 7:55 PM

    Hi there, the bottom section of my form https://form.jotform.co/52902806728864 including the submit button keeps being cut off when filling in the form embedded in a Wordpress page. This occurs in both Google Chrome and IE browsers. If I clear my cache, or re-embed the form in my Wordpress site, the problem disappears but then reappears again a little while later. This is a show stopper as it takes several minutes for a client to complete one of these forms and they won't become repeat customers if this has to be sorted regularly. Can you please advise what needs to be done? I really want to use this form - I love the upload preview feature. Thanks.

     

    This shows the submit button and the final field obscured:

    Bottom section of form including Submit button keeps disappearing Image 1 Screenshot 30

     

    This is what it should look like, and did a little while ago:

     

    Bottom section of form including Submit button keeps disappearing Image 2 Screenshot 41

    Jotform Thread 696009 Screenshot
  • Sammy
    Replied on November 3, 2015 at 3:23 AM

    I checked the page on my chrome browser and also encountered the issue you are facing, the form is cut off from the checkbox.

    The issue is caused by the missing form URL in the src attribute of the iframe

    <iframe onDISABLEDload="window.parent.scrollTo(0,0)" src="https://form.jotform.co/form/52902806728864" allowtransparency="true" frameborder="0" name="52902806728864" id="52902806728864" style="width: 100%; border: none; height: 6056px; min-height: 300px;" scrolling="no"></iframe>

    kindly re-embedd your form and ensure the src attribute has the form URL in it, this should resolve the issue in the affected browsers

    Bottom section of form including Submit button keeps disappearing Image 1 Screenshot 20

    Let us know of the outcome on your end.

     

  • odm111
    Replied on November 4, 2015 at 7:10 PM

    Thanks Sammy. Unfortunately that didn't work. Now most of the form is cut-off, only the first few fields show (see below or www.downrightbrilliant.co.nz/test). 

    The form is now embedded in an iFrame (previously I only used the source code). This is a Wordpress site if that helps. I see height:514px has been set. Does this need changing? Thanks.

     

    Bottom section of form including Submit button keeps disappearing Image 1 Screenshot 20

  • odm111
    Replied on November 4, 2015 at 7:29 PM

    Update: I've changed the iFrame code as follows:

          height: 6100px;

          scrolling="yes"

    This works as a stop gap solution but is there a way to make the height automatically detected for different browsers/screen sizes? I see the scrollbar only appears if necessary but it looks messy having two scrollbars on the screen; would prefer a way for the form/page height to be auto-detected if possible please.

  • Sammy
    Replied on November 5, 2015 at 2:19 AM

    Our developers have already implemented a feature that automatically resizes the iframe based on the page and form height.

    I have tested the URL on my browsers, both Chrome and Firefox and the form now appears fully without cutting off or showing of the scroll-bars.

    Bottom section of form including Submit button keeps disappearing Image 1 Screenshot 30

    The height is automatically increased from 6100 to 6500 to cater for the appearance of scroll-bars, you can set you iframe height to 6300px then turn off the scrolling.

    Also, have you tried using the platform specific embedding for WordPress? Try this to see if it will resolve your issue.

    Bottom section of form including Submit button keeps disappearing Image 2 Screenshot 41

     

  • odm111
    Replied on November 5, 2015 at 5:30 PM

    Thanks Sammy. WordPress.org was the way I originally embedded the form. I have now removed the iFrame and used this method again. The problem seems to have been resolved. Thank you SO much!!! I don't think I've come across such a super helpful company before. You guys rock!

  • Kevin Support Team Lead
    Replied on November 5, 2015 at 8:51 PM

    Hello odm11,

    You're welcome.

    We are glad to know that the workaround provided by our collegue Sammy has worked and now your issue is solved, we are here to help you.

    If you need more help, feel free to contact us.

    Kind Regards.