How to align error message below the pagebreak button?

  • woolalaa
    Asked on October 7, 2014 at 2:39 PM

    Hi, what CSS do I need to position the error message below the pagebreak next button?

    I would like the color to remain and align left just below the button.

    Jotform Thread 439873 Screenshot
  • Mike_T Jotform Support
    Replied on October 7, 2014 at 5:54 PM

    You can try to replace your current form button error CSS:

    .form-button-error
    { position:relative;
    bottom:-25px;
    text-align: left !important;
    }

    With the next CSS:

    .form-button-error {
    display: inline !important;
    position: relative;
    top: 80px;
    right: 330px;
    }

    How to align error message below the pagebreak button? Image 1 Screenshot 20

    If you need any further assistance, please let us know.

  • Mike_T Jotform Support
    Replied on October 7, 2014 at 5:59 PM

    Note, that you can play with the 'right' value to align the text.

  • woolalaa
    Replied on October 9, 2014 at 2:06 AM

    Hi, is there a way to fix the position of the error message? Right now, the error message moves around when the width of the window changes.

    Page URL: http://form.jotform.me/form/42810738946463

  • jedcadorna
    Replied on October 9, 2014 at 8:36 AM

    Just remove the .form-button-error in your CSS. It should align the error message to the center of your Jotform.

    How to align error message below the pagebreak button? Image 1 Screenshot 30

    It should align to center after removing the code above.

    How to align error message below the pagebreak button? Image 2 Screenshot 41

  • woolalaa
    Replied on October 9, 2014 at 9:21 AM

    thanks it worked