What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How to change box color for the error message?

    Asked by cmurtaugh on May 29, 2015 at 09: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?

    Page URL:
    http://www.jotform.com//?formID=51472774876166

    name first name www textboxes
  • Profile Image
    JotForm Support

    Answered by Charlie 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.

    This is how it should look like:

     

    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.

     

  • Profile Image

    Answered by cmurtaugh on May 29, 2015 at 11:38 AM

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

  • Profile Image
    JotForm Support

    Answered by BDAVID 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.