Second form on Weebly web page doesn't display properly

  • nataliegroom
    Asked on March 5, 2018 at 12:10 AM

    I have two forms on this page:

    https://washingtonguitarschool.weebly.com/current-students1.html


    The first form allows customers to make payments on a monthly basis; this is displayed correctly. The second allows customers to set up recurring payments (Jotform subscription feature). The subscription form is not displaying correctly on desktop or mobile. How can this be fixed?

    Jotform Thread 1404680 Screenshot
    Page URL: https://washingtonguitarschool.weebly.com/current-students1.html
  • Kiran Support Team Lead
    Replied on March 5, 2018 at 6:15 AM

    It seems that you are using the JotForm app in the Weebly page for both the forms. Could you try using the iFrame embed code for the second form by changing the height to 1080px in the embed code? 

    1520248491iframe embed changeheight Screenshot 10

    Let us know if you need any further assistance. We will be happy to help.

  • nataliegroom
    Replied on March 7, 2018 at 12:56 AM

    Thanks! I tried this and now the form has a scrolling option, but it doesn't display at full width on the browser. Ideally I would like the whole form to be visible top to bottom (with no need to scroll down) and for it to be full width just like the form above it


    1520402202jotform recurring payments 2 Screenshot 10

  • gizem
    Replied on March 7, 2018 at 6:01 AM

    Could you change your IFrame code to the second code below :


    1520420269Screen Shot 2018 03 07 at 1 Screenshot 10



    You form should be displayed as expected after that.

    See the screencast:

    Second form on Weebly web page doesnt display properly Image 21

    If you have any further issues, feel free to contact us.