Form validation pushing fields to move next line

  • Profile Image
    darchiu
    Asked on September 11, 2019 at 03:47 PM

    I currently have 3 fields on the same line - Car Make / Car Model / Car Year

    Whenever a "this field is required" warning occurs, the fields get pushed to the right.

    I'm fine with the warning, but I would like to prevent the last field from ever getting pushed to the next line (see below).

    1568231220Screen Shot 2019-09-11 at 12.3


    thanks!

  • Profile Image
    JohnRex
    Answered on September 11, 2019 at 05:13 PM

    I can see that you have injected some custom CSS codes to your form. Please try adding these codes to prevent the form validation from pushing the other fields to move to the next line:

    .form-line .form-error-message {

        visibility: hidden;

        margin-bottom: -10px;

        position: absolute;

        height:30px;

    }

    .form-error-message:before{

      content:"Required.";

      color:#ffffff;

      font-size:10px;

      visibility: visible;

    }

    Please try that and let us know how it goes.

  • Profile Image
    darchiu
    Answered on September 11, 2019 at 10:13 PM

    works! thanks!