Field alignment breaks when "this field is required" shows

  • eclipsesolaryyc
    Asked on February 18, 2016 at 2:56 PM

    http://werx.ca/eclipse/get-an-estimate/

     

    Hi I have a page here when the message this field is required shows the text boxes just moves, 

  • Boris
    Replied on February 18, 2016 at 6:00 PM

    I believe you are talking about the Company field moving when the "This field is required" shows for the Full Name field:

    Field alignment breaks when this field is required shows Image 1 Screenshot 40

    This is happening because the form is set in such a way that the Company field is the 4th field of the line above it. In order to fix this, please click on the Company field's gear-shaped icon, and click on Move to a new line:

    Field alignment breaks when this field is required shows Image 2 Screenshot 51

    As the Company field will be on its own line after this change, it will no longer be shifted to the right when the error message appears:

    Field alignment breaks when this field is required shows Image 3 Screenshot 62

    Please let us know if this resolved the issue you were having.