Remove scrollbars on iframe embed widget

  • FFS_user
    Asked on October 10, 2016 at 2:02 PM

    Hi,

    I created a multiple payment form using Paypal and Sqaure following this guide:

    https://www.jotform.com/help/182-How-to-Create-a-Basic-Multiple-Payment-form

    It works perfectly but I'd like to remove the scrollbars from the iframes.

     

    The primary form which has the iframe widgets embedded in it is here:

    https://form.jotform.com/62736837794170

    The Paypal form is here:

    https://www.jotform.us/form/62736400501142

    The Square form is here:

    https://www.jotform.us/form/62736606035152

     

    I tried editing all three forms in the CSS panel but nothing works. Any help would be appreciated.

    Thanks!

  • Jan
    Replied on October 10, 2016 at 4:41 PM

    You need to increase the height of the Iframe in order for the scrollbar to disappear. Here's a guide:

    1. In the main form, please select the Iframe embed widget for the Square form and then click the wand icon.

    Remove scrollbars on iframe embed widget Image 1 Screenshot 50

    2. After that, the widget wizard will appear. Please increase the height to 1190.

    Remove scrollbars on iframe embed widget Image 2 Screenshot 61

    3. Select the Iframe embed widget for the Paypal form and then click the wand icon.

    Remove scrollbars on iframe embed widget Image 3 Screenshot 72

    4. After that, the widget wizard will appear. Please increase the height to 950.

    Remove scrollbars on iframe embed widget Image 4 Screenshot 83

     

    Hope that helps. Let us know if you need further assistance. Thank you.

  • FFS_user
    Replied on October 10, 2016 at 6:41 PM

    Great. That did the trick. Thanks for your help, Jan.