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

    When the field is not filled, the blue background and blue font makes it impossible for users to see

    Asked by walkingtreetravel on July 25, 2014 at 04:13 PM

    Hello,

     

    I have a few questions, and after playing with jotform a few times, I can't seem to figure it out.  The questions are below:

    1)  How can I change the not filled required color of text so that it is visible to users?

    When the field is not filled, the blue background and blue font makes it impossible for users to see
    .

     

    2) I created a Thank You page after the submission button, however it won't appear after the submission. Instead I receive an "Form Unavailable" message

     

    3) The after each "NEXT" button, the application does not reload to the top, leading some to believe that the process is over. How can the text load at the top of the browser after each next, back and submit button?

     

    Thank you!

    JotForm message font next
  • Profile Image
    JotForm Support

    Answered by EltonCris on July 25, 2014 at 06:31 PM

    Hi,

    Jotform's default background on error state is light-red. If your form has different color then you might be using form with injected Custom CSS codes. You can remove the injected CSS codes to restore the default error styles.

    Here's how to find out CSS codes injected to your form. http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes-to-your-Form

    Find the following and remove:

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

    .form-error-message{ display:inline;}

    .form-line-error{

    background: none repeat scroll 0 0 #00385A;

    }

    .form-line-error{

    text-shadow: 0 -1px 0 #00385A;

    }

    If you need further assistance, let us know. Regards!

    P.S. We will answer your other questions to a separate thread.