Second form on Weebly web page doesn't display properly

  • Profile Image
    nataliegroom
    Asked on March 05, 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?

  • Profile Image
    Kiran
    Answered on March 05, 2018 at 06: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.png

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

  • Profile Image
    nataliegroom
    Answered on March 07, 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.J

  • Profile Image
    gizem
    Answered on March 07, 2018 at 06:01 AM

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


    1520420269Screen Shot 2018-03-07 at 1.57



    You form should be displayed as expected after that.

    See the screencast:

    15204204481.gif

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