Some forms not displaying properly

  • Booksmartja
    Asked on July 18, 2014 at 7:32 AM

    I was told to use Iframe embed for weebly. My forms work ok in the weebly site editor with the Iframe codes. But when they are published some appear different. Here is a smple test page of two same buttons but different appearance :http://www.booksmartja.com/test.html. I would want calculator 6 to appear like calculator 5.

    Please help

    Page URL: http://www.booksmartja.com/test.html
  • KadeJM
    Replied on July 18, 2014 at 9:46 AM

    I think you are probably referring to the size of your form's height? That's the only thing that I can see which looks obviously different.

    How to Fix it:

    To fix this you just need to adjust your second form's iFrame Height to match that of the first which is " 165px " .

    Initial problem - Second Form Taller than First:

    Some forms not displaying properly Image 1 Screenshot 40

     

    Comparison of Height - 

    Form 5:

    Some forms not displaying properly Image 2 Screenshot 51

     

    Form 6:

    Some forms not displaying properly Image 3 Screenshot 62

     

  • Booksmartja
    Replied on July 18, 2014 at 8:49 PM

    Still awaiting a reply as to where I  can find the codes displayed above for my forms

  • jonathan
    Replied on July 19, 2014 at 6:47 AM

    Hi,

    Please re-embed your form http://www.jotform.co/form/41734109040848  into your website  

    using this code

    <iframe id="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://secure.jotform.co/form/41734109040848" frameborder="0" style="width:100%; height:165px; border:none;" scrolling="yes"></iframe>

     

    Inform us if this still does not fix the problem.

    Thanks!

     

     

     

     

  • Booksmartja
    Replied on July 19, 2014 at 11:47 AM

    Sems to work. Thanks much.