Unable to scroll to the bottom of the form to click the Submit button

  • Profile Image
    Nohble
    Asked on November 20, 2017 at 01:31 PM

    Hi, 


    So for some reason on any browser via mobile, people are unable to scroll to the bottom of our form to click the submit button. So we artificially rearranged the form to allow the submit button to be higher on the page. Ex. we had to adjust because with an iphone plus you can see more of the form that regular size iphone. 


    Please advise how we permanently fix? The page is currently linked via Shopify. 

  • Profile Image
    John_Benson
    Answered on November 20, 2017 at 02:44 PM

    I opened the form's direct link (https://form.jotform.com/Nohble/yeezy-raffle-entry) using my iPhone 6s and I can see the submit button properly. Here's a screenshot:

    151120688613zz.png

    I noticed that you said the form is linked via Shopify. To better assist you, please provide the website link where you embed the form so we can investigate it further.

    We will wait for your response. Thank you.

  • Profile Image
    Nohble
    Answered on November 20, 2017 at 02:53 PM

    https://nohble.com/pages/raffle

  • Profile Image
    Kevin_G
    Answered on November 20, 2017 at 04:10 PM

    Thanks, I have checked the form and was able to replicate the issue. It should be resolved using the iFrame code and setting the scrolling attribute to "yes". 

    Find how to get the code here: https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code 

    And here is an example about where you can change the attribute: 

         <iframe

           id="JotFormIFrame"

           onload="window.parent.scrollTo(0,0)"

           allowtransparency="true"

           src="https://form.jotform.com/23456789"

           frameborder="0"

           style="width:100%;

           height: 8815px;

           border:none;"

           scrolling="yes">

         </iframe>

    I hope this helps.