Can I add space between the submit button and the JotForm banner at the bottom in Muse?

  • Profile Image
    sdcustomdecals
    Asked on August 09, 2017 at 09: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?

  • Profile Image
    BJoanna
    Answered on August 10, 2017 at 02: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" onload="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. 

  • Profile Image
    sdcustomdecals
    Answered on August 10, 2017 at 08: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?

  • Profile Image
    BDAVID
    Answered 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?

  • Profile Image
    sdcustomdecals
    Answered on August 10, 2017 at 11:31 AM

    I'm using an iPhone 6S with Safari- I believe the most recent version

  • Profile Image
    david
    Answered 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" onload="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" onload="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.

  • Profile Image
    sdcustomdecals
    Answered on August 10, 2017 at 08: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!