How to change box color for the error message?

  • cmurtaugh
    Asked on May 29, 2015 at 9:15 AM

    http://www.emseschedule.com/free-demo/index2.php

    For example, if you click in the FIRST NAME box and then click elsewhere (without completing the field), the pink highlight box appears. But then...the gray box around the FIRST NAME field turns to white which is confusing. How can I keep the gray box around the fields at all times?

  • Charlie
    Replied on May 29, 2015 at 11:16 AM

    I'm not sure if I understand your first question, the warning/error message shows when you set your field to "required", it shows/hides immediately when the focus is out of that field. But if you would like to change the box color of your form when an error is shown, then you can use this custom CSS code.

    .form-line-error input:not(#coupon-input), .form-line-error textarea, .form-line-error .form-validation-error {

        box-shadow: 0 0 3px black !important;  

    }

    In your Form Designer Tool, paste your CSS code there.

    How to change box color for the error message? Image 1 Screenshot 30

    This is how it should look like:

    How to change box color for the error message? Image 2 Screenshot 41

     

    For questions 3, 4 and 5. I made separate threads for them so that we can better assist you. Please refer to the following links:

    http://www.jotform.com/answers/578511 

    http://www.jotform.com/answers/578512 

    http://www.jotform.com/answers/578513 

     

    We will address them shortly.

    Thank you.

     

  • cmurtaugh
    Replied on May 29, 2015 at 11:38 AM

    I believe that fixed the issue. See http://www.emseschedule.com/free-demo/index2.php.

  • David JotForm Support Manager
    Replied on May 29, 2015 at 12:23 PM

    Glad to see my colleague's guide help you fix the issue, let us know if you need anything else, we will be glad to assist you.