Big white space is added when form is embedded in wordpress.

  • Profile Image
    edusa2000
    Asked on January 19, 2015 at 03:47 AM

    See my option list the way it looks in jotform

    http://prntscr.com/5ub35r

    now see how it looks in wordpress (Using Source)

    http://prntscr.com/5ub3yd

    But if I use embed or iframe , it looks great, but it creates a big long page because it has all forms, look

    http://prntscr.com/5ub4ml

     

    Defenitely, I NEED TO USE SOURCE because that one will not create a very long page, the only issue is the styling with the option buttons are out of wack.

     

    Please help

     

     

     

     

  • Profile Image
    ashwin_d
    Answered on January 19, 2015 at 07:38 AM

    Hello edusa2000,

    I'm sorry for the trouble caused to you.

    Have you tried our wordpress plugin already? Please try to embed your form using our wordpress plugin and see if that helps you:  http://apps.jotform.com/app/form_generator_for_wordpress 

    If the issue persists, I would suggest you to embed your form using its iFrame embed code and then share the web page URL. We will give you the updated iFrame code with fixed height which should solve your problem.

    We will wait for your response.

    Thank you!

  • Profile Image
    edusa2000
    Answered on January 20, 2015 at 01:18 AM

    I have done what yo have requested, btu this time, it display all the forms along with the buttons nicely layout, but it shows all the forms now.  this is my URL

    http://prntscr.com/5upfzq

    Please help???

     

  • Profile Image
    ashwin_d
    Answered on January 20, 2015 at 03:00 AM

    Hello edusa2000,

    There seems to be some code conflict between your form script and other scripts available in your webpage. That is the reason why he condition you have added in your form to show hide the other forms in iFrame is not working.

    Please use the following iFrame embed code and that should solve your problem:

    <iframe id="JotFormIFrame" allowtransparency="true" src="//form.jotform.us/form/50157929370156" frameborder="0" style="width:100%; height:850px !important; max-height:850px !important;border:none;" scrolling="yes"></iframe>

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!