What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Upload file form problems

    Asked by totalrepro on February 11, 2013 at 10:59 AM

    Hi there

     

    I am using the dropbox integration to create a upload file form.  I am using weebly

     

    The form goes up no problem and everything is working, but what is happening is as I click add files, the SEND button gets pushed down out of the frame and you cant see it anymore .... any ideas?

    Page URL:
    www.totalrepro.com

  • Profile Image
    JotForm Support

    Answered by ardy0689 on February 11, 2013 at 11:22 AM

    Hi, I looked over on your form page and yes it pushes down on the send button. What I would like to suggest is to give your form frame a bottom margin via CSS. You could try 5px up to 10px of bottom margins. Hopefully it should add more space and allowance for the submit button.

    Your form class name is "jotform-form" so you could declare a custom css style for your Weebly page like this:

    .jotform-form{

      bottom-margin:5px;

    }

  • Profile Image

    Answered by totalrepro on February 11, 2013 at 11:43 AM

    Thanks for the info .. does it matter where in the CSS I put that?

  • Profile Image
    JotForm Support

    Answered by ardy0689 on February 11, 2013 at 11:56 AM

    You can go to Weebly Theme Editor and edit your main-style.css over there to make changes to your Weebly theme and insert this:

     

    .jotform-form{

      bottom-margin:5px;

    }

  • Profile Image

    Answered by totalrepro on February 11, 2013 at 12:13 PM

    I entered in the info, didn't make any difference :(   even tried increasing it ...

  • Profile Image
    JotForm Support

    Answered by ardy0689 on February 11, 2013 at 12:47 PM

    Hi, I see that you embedded your code via IFRAME and then nested inside a div section.

    #JotFormIFrame{

      bottom-margin:5px;

    }

    You could also try this one:

    .wcustomhtml{

      bottom-margin:5px;

    }

    These two point to your Jotform IFRAME instead of your embedded code. The below points to the entire section. It uses overflow-y:hidden and I am guessing this is the culprit as it hides everything that goes beyond its maximum height.

  • Profile Image

    Answered by pinoytech on February 11, 2013 at 12:59 PM

    Hi,

    Can you please share to us the URL of your Form where your form embedded for further assistance?

    Thank you!