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

    Required fields - Changing the error color

    Asked by MESAR on February 25, 2014 at 10:26 AM

    First, when i click on the button to add a file, it automatically show the error message telling that it is a required field.
    Second, is there a way to change the color of the error message ? 

    Third thing, my conditions to some filed doesnt work on IE 8, try my form on IE8, ull see all the fields

     

    here is a link to the page
    http://www.mesar.qc.ca/fr/carrieres-formulaire.php 

    required field message change color
  • Profile Image
    JotForm Support

    Answered by TitusN on February 25, 2014 at 01:12 PM

    Hello,

    Thank you for contacting us.

    IE 8 has lost a lot of feature support over the years - I'm afraid backward compatibility may be an issue we will have difficulty working with - why not update to IE 10? It has more support for newwer JS and HTML elements programmatic protocols.

    Do you want the upload field to be required? You can always turn that off from the form builder.

    To change your form errors color - you need to insert some css into your form using this linked guide.

    Here's some Sample CSS that will change your form errors to a pale green (#C5C531;) when you inject them in your form:

    .form-line-error .form-error-message {
    background: #C5C531;
    }
    .form-error-arrow {
    border-bottom-color: #C5C531;
    }
    .form-line-error input:not(#coupon-input), .form-line-error textarea {
    border: 1px solid #C5C531;
    -moz-box-shadow: 0 0 3px #C5C531;
    -webkit-box-shadow: 0 0 3px #C5C531;
    box-shadow: 0 0 3px #C5C531;
    }

    You can change the color by replacing the hexadecimal value(#C5C531;) on all the rules with a color value you wish.

    You have one more question on conditions, please tell us more about it on a new thread so that we can support you effectively - handling more than one question on a single thread normally does not help much.

    Looking forward to hearing from you.

  • Profile Image

    Answered by MESAR on February 25, 2014 at 01:59 PM

    Ok, but for IE 8, some user will apply on my website and i cannot control every user submiting form, some of them will still have IE 8.

    And thank you for the color change but the big boxes around the field are still in red, only the little box with message have changed. 

  • Profile Image
    JotForm Support

    Answered by TitusN on February 25, 2014 at 02:09 PM

    Oops - Sorry about that.

    Please add the following CSS into your form:

    .form-validation-error {
    border: 1px solid #6C9DBE;
    -moz-box-shadow: 0 0 2px red;
    -webkit-box-shadow: 0 0 2px #6C9DBE;
    box-shadow: 0 0 2px #6C9DBE;
    }

    /*  */

    Yes - you cannot control your form users to utilize the latest browser.

    Truth is, there are some users with very old browsers (even Chrome and Firefox) who will attempt to use your form and meet the same or different challenge.

    But you can put a reccomendation on your form advicing your users of the best way of using the form.

    Nevertheless, we would like to understand the behavior you would like to change in IE8 - please take a screenshot and share it with us.

    You can upload the screenshot into our forum by using this linked guide.

    Looking forward to your response.

  • Profile Image
    JotForm Support

    Answered by TitusN on February 25, 2014 at 02:13 PM

    Oh, and this CSS for the litte red star:

    .form-required {
    color: #6C9DBE;
    }

  • Profile Image

    Answered by MESAR on February 25, 2014 at 02:29 PM

    Thank you very much, it worked for the little star but not with the background, it is still in red.
    Ill send u soon a screenshot of what we see in IE 8 

  • Profile Image

    Answered by MESAR on February 25, 2014 at 03:10 PM

    here are the 2 screenshot

     

    the actual working with chrome and updated IE
    my form with Chrome and updated IE 

    And the one with windows XP IE8
    XP IE8 

  • Profile Image
    JotForm Support

    Answered by EltonCris on February 25, 2014 at 04:47 PM

    Hi,

    Are you referring to the red background of the field on error mode? If yes, you can change that with the following CSS code.

    .form-line-error {

    background: #ECF3FF !important;

    }

    ----

    Regarding on your other question, can you please post it on a separate thread? We will then attend to it and investigate it thoroughly. It is a bit difficult if we keep on jumping to unrelated questions on this thread. Thanks for your understanding.