-
sdcustomdecalsAsked on August 9, 2017 at 9:44 PM
I downloaded the widget to use JotForm on my Adobe Muse site, but the bottom JotForm banner is in the way and prevents the "submit" button from being clicked. Is there a way to fix this?
-
BJoannaReplied on August 10, 2017 at 2:29 AM
I was able to replicate mentioned issue when I tested your embedded form.
Please try to remove script part of your iFrame code and use only this part of the iFrame code:
<iframe id="JotFormIFrame-72204174776155" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.us/72204174776155" frameborder="0" style="width:100%; height:539px; border:none;" scrolling="no"> </iframe>
You can also try to increase the height of iFrame code.
-
sdcustomdecalsReplied on August 10, 2017 at 8:20 AM
Thank you! That worked perfectly for the desktop version.
Now I used the same code above for my mobile version and the "next" button became unclickable - any advice for a fix there?
-
David JotForm Support ManagerReplied on August 10, 2017 at 10:52 AM
I just tested your form in my mobile device, and the next button worked fine:
What is the mobile device and browser version you are using?
-
sdcustomdecalsReplied on August 10, 2017 at 11:31 AM
I'm using an iPhone 6S with Safari- I believe the most recent version
-
David JotForm SupportReplied on August 10, 2017 at 12:21 PM
I also checked on my end and the back/next buttons appear to be functional. Does the same thing happen in Chrome or FireFox? The only thing I noticed was that the form was rather thin on mobile:
That can be adjusted by adjusting the width of the frame in your iFrame code:
<iframe id="JotFormIFrame-72204174776155" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.us/72204174776155" frameborder="0" style="width:100%; height:539px; border:none;" scrolling="no"> </iframe>
Changing that to:
<iframe id="JotFormIFrame-72204174776155" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.us/72204174776155" frameborder="0" style="340px; height:539px; border:none;" scrolling="no"> </iframe>
Will allow for adjusting the overall width of the frame.
If the back/next button issue is still present, even in Chrome and FireFox, let us know and we will take another look.
-
sdcustomdecalsReplied on August 10, 2017 at 8:16 PM
I used that code and set the responsive mode on Muse to "stretch to browser width" and the title is a little off, but the form itself is working now so I'll take it!
Thank you!