My form embed height exceeds my website container hiding some elements

  • greateratlantabuffalosoldiers
    Asked on February 3, 2015 at 8: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? 

    Page URL: http://www.greateratlantabuffalosoldiers.com/#!149th-reunion-electronic-registration/cw6s
  • TitusN
    Replied on February 4, 2015 at 12:00 AM

    Hello, 

    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. 

    My form embed height exceeds my website container hiding some elements Image 1 Screenshot 20

    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 onDISABLEDload="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. 

    Cheers!