Submit Button with Custom CSS can't submit

  • Profile Image
    antoniooi
    Asked 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

  • Profile Image
    gori-mathew
    Answered 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
    antoniooi
    Answered 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
    fxr
    Answered 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?