When i embed my form, the bottom of the frame is missing

  • Profile Image
    ProPaintARC
    Asked on January 28, 2013 at 01:54 PM

    I embed the frame using:

    <script type="text/javascript" src="//form.jotformeu.com/jsform/30275464160348"></script>

    the bottom is missing off. As highlighted in the screenshot. Doesn't matter how large i make the div height, it still doesn't show.

    If i embed the frame using the full code, the bottom is not missing.

     

  • Profile Image
    Welvin
    Answered on January 28, 2013 at 02:06 PM

    Hi,

    What is your website builder? That is maybe the height of the page where the form is placed. It would be good if you can make the webpage live and share it with us so we can check.

     

    Thanks

  • Profile Image
    ProPaintARC
    Answered on January 29, 2013 at 07:11 AM

    I'm just using notepad to build the site.

    The form is fine when i put the whole code in, with the css etc, the bottom is not missing off. Without any changes to the existing HTML.

    The bottom is only missing off when i put the one line of code in.

    I have uploaded the site to a temporary area so you can see...

    http://www.aceandaface.co.uk/misc/propaint/contact.html 

  • Profile Image
    Welvin
    Answered on January 29, 2013 at 11:20 AM

    Hi,

    Apologize for coming up this late. Please try embedding your form using iframe method: How to get your Form's Iframe Code. Using iframe, you have the ability to adjust the height of the form after embedding. When you adjust the height, just find the height attribute: height: 551px; and change the value.

     

    Thanks

  • Profile Image
    ProPaintARC
    Answered on January 30, 2013 at 05:49 AM

    I simply replaced the one line with the iFrame code and it is displaying fully, thanks.

    1 Problem; the code does not validate on W3C. Is there a way to get the iframe code to validate?



    Line 68, Column 36there is no attribute "onload"

     Line 68, Column 84there is no attribute "allowtransparency" 

     

  • Profile Image
    mliz
    Answered on January 30, 2013 at 07:26 AM

    Can you post the url used in the W3C validation? We  would also want to take a look to find out how it can be fixed.

    Thanks!

  • Profile Image
    ProPaintARC
    Answered on February 01, 2013 at 06:18 AM
  • Profile Image
    jefreylandicho
    Answered on February 01, 2013 at 07:20 AM

    Hi ProPaintArc,

    You can try using javascript for the onload function and css opacity for the transparency.