My form embed height exceeds my website container hiding some elements

  • Profile Image
    Asked on February 03, 2015 at 08:13 PM

    After following proper procedure and embedding form on the site, it appears that the form is working properly, but when I revisit, there is an item missing from the form such as the submit button for patrons to pay for services. 

    When I looked on the form, it was there, so I copied and embedded it once more on the website, and now it's functioning. 


    What's causing this? 

  • Profile Image
    Answered on February 04, 2015 at 12:00 AM


    The reason why some elements cannot be viewed sometimes is because the form seems to be longer than the height you have set for the website. 

    Some Internet browsers like Google Chrome correct this by updating the website height to fit all content, but some don't. 

    To correct this, you would have to make adjustments to the website height to fit the form.

    Alternatively, you can allow users to scroll through the form should the form be longer than your website container. 

    To do this, change "scrolling" value on the embed code to "yes"as shown below: 

    <iframe onload="window.parent.scrollTo(0,0)" src="" allowtransparency="true" frameborder="0" name="42092157667157" id="42092157667157" style="width: 100%; border: none; height: 15952px;" scrolling="yes"></iframe>

    Try that out and let us know.