How do I stop the input fields from shifting?

  • Profile Image
    Asked on August 01, 2017 at 08:09 PM

    My input fields keep shifting when one of the fields is not filled in and the error messages pop up.


    Anyone has time to look at this?





  • Profile Image
    Answered on August 02, 2017 at 02:06 AM

    Can you give us more information on what you mean by your input fields shifting?

    With regarding the error message popping up, this is because a required field was been left blank or there is a wrong format on the entered value for a certain field. This prompts the user to correct some information before making a submission. 

    It would be great as well if you can provide us information on what you wish to achieve on your form.


  • Profile Image
    Answered on August 02, 2017 at 05:53 AM

    Hi Liyam,

    I've included two screenshots. Hope this helps.

    If someone forgets to fill in for example the first field (First Name), he gets an error message but then the other fields shift to a new position.

  • Profile Image
    Answered on August 02, 2017 at 07:48 AM

    Thank you for the explanation, I get it now. This happens because of the floating elements of your form.

    What I can recommend is adding a Text element after a separate line, and do not shrink it.

    Next, edit the element to remove the placeholder text: Click to edit this text...

    Note: After removing the placeholder text, you will notice that it's still appearing on the builder, just ignore it. After publishing, you will notice that the text just extends down a bit.

    If you have questions or concerns, please let us know.