How do I stop the input fields from shifting?

  • ipunt
    Asked on August 1, 2017 at 8: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?

     

    Ivo

     

    reservation-2017-jotform-help-needed

  • liyam
    Replied on August 2, 2017 at 2: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.

    Thanks.

  • ipunt
    Replied on August 2, 2017 at 5: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.

    How do I stop the input fields from shifting? Image 1 Screenshot 30

    How do I stop the input fields from shifting? Image 2 Screenshot 41

  • liyam
    Replied on August 2, 2017 at 7: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.

    How do I stop the input fields from shifting? Image 1 Screenshot 20

    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.