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

  • sdcustomdecals
    Asked 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?

  • BJoanna
    Replied 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. 

  • sdcustomdecals
    Replied 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 Manager
    Replied on August 10, 2017 at 10:52 AM

    I just tested your form in my mobile device, and the next button worked fine:

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

    What is the mobile device and browser version you are using?

  • sdcustomdecals
    Replied on August 10, 2017 at 11:31 AM

    I'm using an iPhone 6S with Safari- I believe the most recent versionCan I add space between the submit button and the JotForm banner at the bottom in Muse? Image 1 Screenshot 20

  • David JotForm Support
    Replied 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:

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

    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.

  • sdcustomdecals
    Replied 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!