What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
Problems with scrolling of form in Muse phone layoutAsked by fixedadmin on July 30, 2015 at 06:27 PM
Hi, all good on web layout view but when I put a form into the phone layout version it will not scroll down to be able to fill it in when I view it on my phone, looks OK on screen in Muse and looks fine until you scroll or click the fields to enter text.
I'm using iframe code.
I have tried adding the ?nojump code but this doesn't seam to help.
This is happening on every form I try within phone layouts
Code I'm using (on http://www.fixed-brighton.co.uk/get-a-quote.html)
<iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformeu.com/form/52106321748349?nojump" frameborder="0" style="width:100%; height:2130px; border:none;" scrolling="no"></iframe>
Any help gratefully received.
layout iframe code style height
Looks like the issue is not related to the form. It's more on the webpage scripts. If you will check it through your PC browser, you will notice that something is controlling the height of the form as soon as you are going to scroll it up:
The form is here: http://www.fixed-brighton.co.uk/phone/get-a-quote.html.
Please try out default embed method.
If that is not working, try using our iframe method without the script tag, the following:
<iframe id="JotFormIFrame" allowtransparency="true" src="//form.jotformeu.com/form/52106321748349?nojump" frameborder="0" style="width:100%; height:2130px; border:none;" scrolling="no"></iframe>
I hope that works. Please update us here.
Thanks for trying, I have discovered that it's a conflict with the Muse scroll effect that I have on the top panel (red button & the dropdown menu) currently it scrolls down as the user does so that it's always there. Removing the scroll makes the form work fine.
I have now re-uploaded without the scroll at the top and it works fine: http://www.fixed-brighton.co.uk/phone/get-a-quote.html
Not the best solution for the user as they have to scroll back up for the dropdown menu now, if you have any other ideas so that it can be re-instated that'd be great, if not I will have to not use scroll effect for now.
Maybe you should target the element in your website and make sure that there's no identical type in the form. That is to prevent a conflict. In general, you should allow scrolling. That is important if your website contains some elements that need scrolling.