Submit button moving to new line after click.

  • Profile Image
    ofexpress
    Asked on March 25, 2013 at 04:03 PM

    On this form if end user clicks submit without filling out required fields the button moves to a new line instead of staying on the same line. Any help is greatly appreciated. 

     

  • Profile Image
    sidharth_kch
    Answered on March 25, 2013 at 04:21 PM

    @ofexpress

    Please inject this following updated css in your form: (decresed the font size a bit to fit your question within your external image)

    .form-html { padding:10px 3px 3px 3px}

    .form-line { padding: 0 0 0 2px; margin:6px 0 0 0}

    .form-section {background:url(http://50.87.15.115/~keacosm1/formbknd.png) no-repeat; color:#fff;height:50px}

    .form-line.form-line-column{padding-left:10px}

    .form-submit-button{-webkit-box-shadow:none}

    .form-all{font-size:9px}

    .form-required{display:none}

    .form-label-top{display:none}

    .form-all{padding-top:0}

    .form-line-error .form-error-message{display:none}

    Thanks,

    Sidharth

  • Profile Image
    jgonzalesbda
    Answered on March 25, 2013 at 04:31 PM
    Thanks but it is still moving to the next line when you click submit.
    http://form.jotform.us/form/30835655035151
    Jeff Gonzales
    Jeff@bensondesign.com
    Benson Design Associates
    210.822.8337


  • Profile Image
    jgonzalesbda
    Answered on March 25, 2013 at 04:34 PM
    Forgot to edit the code on my account. Edited on my clients account earlier.
    Both are still having the same issue.
    http://form.jotform.us/form/30836747457162
    Jeff Gonzales
    Jeff@bensondesign.com
    Benson Design Associates
    210.822.8337


  • Profile Image
    sidharth_kch
    Answered on March 25, 2013 at 04:34 PM

    @jgonzalesbda

    I cloned your form and implemented the same changes and this seems to be fine. Can you please clone this form and see if this works for you.

    http://form.jotform.com/form/30835914724962

    Thanks,

    Sidharth

  • Profile Image
    jgonzalesbda
    Answered on March 25, 2013 at 04:40 PM
    When I just click on the link you sent and try it, it is still moving the
    submit button to the next line. I have tested it on a mac in firefox, safari
    and chrome.
    Jeff Gonzales
    Jeff@bensondesign.com
    Benson Design Associates
    210.822.8337


  • Profile Image
    Welvin
    Answered on March 25, 2013 at 04:49 PM

    Hi Jeff,

    I've fixed that for you. I have added the below codes:

    .form-button-error {display: none !important;}

    .form-line-error {background: transparent !important;}

     

     

    Thanks

  • Profile Image
    jgonzalesbda
    Answered on March 25, 2013 at 08:00 PM
    Great. Thanks.
    Jeff Gonzales
    Jeff@bensondesign.com
    Benson Design Associates
    210.822.8337