Can I customize form error messages

  • Profile Image
    lemmtenhaaf
    Asked on October 08, 2013 at 10:54 AM

    Is it possible to change the alert messages in the form? Instead of the red "tooltip" I'd rather have the warnings next to the input fields so the form doesn't expand vertically.

    Please let me know if you know this is possible and how to do this.

  • Profile Image
    guilledutra
    Answered on October 08, 2013 at 11:51 AM

    Hi,

    you will be able to customize form error messages by injecting custom css to your form, please check my example if its something similar to what you are looking for:

    http://form.jotform.co/form/32795893674878?

    left the email field empty in order to trigger the form warning.

    Custom css code Injected:

    #cid_5 .form-error-message { position: relative !important; left: 263px !important; bottom: 29px !important; margin-bottom: 0px important!; }

    .form-error-arrow { display: none !important; }

    .form-line-error { height: 50px !important; }

    Could you share with us the name, or the link to your form in order to assist you inject custom css to your case.

    How to inject custom css

    Thanks

  • Profile Image
    lemmtenhaaf
    Answered on October 09, 2013 at 06:01 AM

    Ok, thnks so much for your answer and example! I see it can all be customized through CSS injection. That's what I'm going to try. If I have any other questions I will let you know.

    Thanks again!

  • Profile Image
    ashwin_d
    Answered on October 09, 2013 at 06:16 AM

    Hello lemmtenhaaf,

    On behalf of my colleague, you are welcome.

    Do get back to us if you have any questions.

    Thank you!