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

    Submit Button with Custom CSS can't submit

    Asked by antoniooi on March 27, 2012 at 10:36 AM

    Hi Guys,

    Please let me know if the following CSS is allowed for your SUBMIT button:

    .form-submit-button{ position:relative; top:57px;}

    It seems like when the button is out of the container, it won't submit the form. However, if it is allowed, then I will be able to solve my BACK and SUBMIT button alignment issue for the last page of my form with page break.

    Please advise. Thanks.

    P/S: The SUBMIT button also keep 'dancing' on every click.

    Antonio

    Page URL:
    http://www.jotform.me/form/20861896853467

  • Profile Image

    Answered by gori-mathew on March 27, 2012 at 11:28 AM

    Hello;

    Please use iFrame method to embed your form. To get your form's iframe codes:

    1.  Click Setup & Embed tab
    2.  Click Embed Form button
    3.  Choose iFrame option



    4.  Copy the codes provided in the succeeding screen
    5.  Change iFrame scrolling property from no to auto

    You have shrunk the submit button causing the script codes to disregard the space it needs to display.Expanding the submit button field will cause it to align to center, so I injected custom CSS to keep it aligned to the left.

    Hope this information is helpful, thanks for using Jotform!

  • Profile Image

    Answered by antoniooi on March 27, 2012 at 11:43 AM

    But I can't use iFrame for my business requirements, I got to use lightbox. Any other solution?

    Thanks!

    Antonio

  • Profile Image

    Answered by fxr on March 27, 2012 at 01:24 PM

    Hello Antonio,

    That original CSS doesnt work.

    I have changed the rule to :

    .form-buttons-wrapper{ position:relative; top:57px;}

     

    It now seems to work as one would hope, can you confirm that for us?