White space underneath form

  • Profile Image
    Giftsngadgets
    Asked on June 01, 2011 at 07:50 AM

    Hi, 

    I had to update a form and now the form has got a blank space underneath the submit button (end of the form) of about the size of the actual form.

    You can have a look here: http://www.giftsngadgets.co.za/joom/promotions/item/547-branded-mugs-one-color-logo-print-included-from-r1320.html

     

    Anything that I can do to remove this blank space? 

     

    Cheers 

     

    Edwin 

     

  • Profile Image
    abajan
    Answered on June 01, 2011 at 08:03 AM

    Hi Edwin

    Thanks for asking. The usual remedy for this issue is to embed your form via an iFrame (as illustrated below) instead of the method used:


    Please let us know if this helped and if we may assist you with any other form related matters.


    ~ Wayne

  • Profile Image
    Giftsngadgets
    Answered on June 01, 2011 at 08:08 AM

    Hi Wayne, 

     

    Thanks for your reply, but I already tried that with the same result.

    If I look at my form in preview it even has this white space underneath it. (it's like it is part of the form) 

    Must i give you acces to my forms to have a look there? 

     

    Edwin 

  • Profile Image
    abajan
    Answered on June 01, 2011 at 08:32 AM

    No problem, Edwin. As I'm part of the support team, I already have access to your account. However, simply cloning your form was sufficient to see the problem.

    I must admit, it's rather perplexing. I'm on my way out but one of the other support team members will assist you in my absence. We will get it fixed but it may take a little while.

    Our apologies for the inconvenience.


    ~ Wayne

  • Profile Image
    Giftsngadgets
    Answered on June 01, 2011 at 08:43 AM

    No nead to appologise Wayne!

    You guys offer a free service that has yet to be matched by a lot of paid services.

    Jotform ROCKS!

  • Profile Image
    liyam
    Answered on June 01, 2011 at 09:01 AM

    Hello Giftsngadgets,

    In addition to Wayne's solution, here's another fix that you can do.  You will need to add this code in your CSS injection:

    #id_27 {
    width: 500px !important;
    }

    Let us know if this fixes your form's long white space.

    Thanks,

    Liyam

  • Profile Image
    Duh
    Answered on June 20, 2011 at 07:45 PM

    form {
    margin: 0;
    }

  • Profile Image
    abajan
    Answered on June 20, 2011 at 08:23 PM

    Hi again Giftsngadgets

    I have just discovered that your embedded form is not showing up at all in Firefox 4! The white space still exists in Chrome 11 but everything looks fine in Opera 11, Safari 5 and (believe it or not) Internet Explorer 8.

    From checking the source of your page, I found out that the short embed code is being used. I know you said that using the iFrame method didn't help, but I would still suggest using it along with injecting liyam's CSS. (From what I recall, when I embedded a clone of the form into one of my own pages, that CSS rule solved the problem.)

    @ Duh
    Thanks for your input but I believe if anything, it would have to be

    .form-all {
    margin: 0;
    }

    or perhaps

    .form-all {
    padding: 0;
    }

    Please keep us posted, Giftsngadgets.


    ~ Wayne