form area needs scrolling to be seen

  • Profile Image
    bellevuefineart
    Asked on January 15, 2015 at 03:08 AM

    I have an issue in a wordpress site where the form length doesn't push the page length down and it forces a scroll in the form area. How do I lengthen that area so the user doesn't have to scroll the form section to see all the data?

     

    http://www.bellevuefineart.com/order-uploads/

     

  • Profile Image
    Jeanette
    Answered on January 15, 2015 at 10:52 AM

     

    Please change the scrolling  value from yes

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.us/form/21065362980150" frameborder="0" style="width:100%; height:900px; border:none;" scrolling="yes"></iframe>

     

    You can also increase the height if needed

  • Profile Image
    bellevuefineart
    Answered on January 15, 2015 at 12:29 PM

    scrolling is already set to "yes". Changing the height doesn't change anything. I changed it already from 800px to 900px and there's no difference. It's not displaying that value correctly. Changing from 800px to 900px in height didn't push the footer content lower.

  • Profile Image
    Shadae
    Answered on January 15, 2015 at 01:08 PM

    Hi bellevuefineart,

    To confirm, you would like for the full form to be displayed in the form area without having to scroll?

    If that is the case, I would recommend changing the frame height to a larger amount. If you do not want the scroll bar, you would need to place "no" for scrolling.

    Please try to embed code below:

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.us/form/21065362980150" frameborder="0" style="width:100%; height:1200px; border:none;" scrolling="no"></iframe>

    I hope this helps, please inform us if you need further assistance.

  • Profile Image
    bellevuefineart
    Answered on January 21, 2015 at 01:00 PM

    The suggestions aren't working. The user can change the size of the text input windows. Also adding more files to the upload forces the submit button off the page. How do I get this to play nicely with Wordpress and push the footer content down?

  • Profile Image
    Shadae
    Answered on January 21, 2015 at 01:26 PM

    Hi bellevuefineart,

    I do apologize that this did not resolve your issue. If your form adjust in size, you would need to make the frame larger to account for the adjustment without your losing any part of the form.

    Please try to code below:

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.us/form/21065362980150" frameborder="0" style="width:100%; height:1800px; border:none;" scrolling="no"></iframe>

    I hope this helps, please inform us if you need further assistance.

  • Profile Image
    bellevuefineart
    Answered on January 21, 2015 at 01:42 PM

    That method doesn't work. Changing the height to 1200 or more doesn't fix this.

  • Profile Image
    bellevuefineart
    Answered on January 21, 2015 at 02:01 PM

    The Thank You message page now has the same issue. Call me crazy, but I know this was working correctly on jotform at one point and it just stopped working right. Is there an alternative to the iframe that will work? I don't know, I'm fishing for an answer at this point.

     

     

  • Profile Image
    Jeanette
    Answered on January 21, 2015 at 02:04 PM

    Since you are trying to embed the form on wordpress, I think this app can be a good alternative.

    http://apps.jotform.com/app/form_generator_for_wordpress

     

     

  • Profile Image
    bellevuefineart
    Answered on January 21, 2015 at 05:16 PM

    That's the answer! Thanks. That worked perfectly.

     

    Scott

  • Profile Image
    EltonCris
    Answered on January 21, 2015 at 06:20 PM

    On behalf of my colleagues, you're welcome.

    Feel free to contact us again if you come across any issues.

    Thank you!