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 remove the red around boxes?

    Asked by AutoRepairHelpUS on December 12, 2013 at 03:08 PM

    How to remove the red around boxes? See screen shot 

    http://www.autorepairhelp.us

    Thank you,

     

    Lee Davidian, Sr.

    Page URL:
    www.autorepairhelp.us

    Screenshot
  • Profile Image

    Answered by AutoRepairHelpUS on December 12, 2013 at 03:20 PM

    Update: Explorer does it as well just popped up?

    Thanks, 

     

    Lee

  • Profile Image

    Answered by pinoytech on December 12, 2013 at 03:32 PM

    Hi,

    I've fixed it for you by injecting custom css in your form. Kindly check your web page now: http://www.autorepairhelp.us/ask-a-technician/

    Custom CSS:

    .form-error-message {

    display: none;

    }

    .form-line-error {

    background: none !important;

    }

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

    border: 1px solid #ccc;

    -moz-box-shadow: 0 0 3px #ccc;

    -webkit-box-shadow: 0 0 3px #ccc;

    box-shadow: 0 0 3px #ccc;

    }

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

    border: 1px solid #ccc;

    -moz-box-shadow: 0 0 2px red;

    -webkit-box-shadow: 0 0 2px #eee;

    box-shadow: 0 0 2px #eee;

    }

    If you need our assistance again, please feel free to contact us at anytime.

  • Profile Image

    Answered by AutoRepairHelpUS on December 12, 2013 at 03:36 PM

    Thank you!

    It came back in again. Went away, and then came back?

     

    Lee

  • Profile Image

    Answered by pinoytech on December 12, 2013 at 03:58 PM

    Hi Lee,

    Unfortunately, I wasn't able to reproduce the issue.

    Chrome

    FF

    IE

    Have you tried already clearing your browser cache and cookies? If not, please give a try?

    If the issue persists, do let us know.

  • Profile Image

    Answered by AutoHelpRepair on December 12, 2013 at 05:37 PM

    I cleared the cache and checked my other computer, still those red boarder lines around certain boxes in chrome and Explorer. Should I clear the form and start over?

    Sorry,

     

    Lee

  • Profile Image

    Answered by AutoHelpRepair on December 12, 2013 at 06:20 PM

    Can someone look into this?

  • Profile Image
    JotForm Support Manager

    Answered by Jeanette on December 12, 2013 at 09:19 PM

    I just tested the embbed form at your web-site and do not recreate the problem. Please open your site link in an incognito windows at Chrome

    linkhttp://www.autorepairhelp.us/ask-a-technician/

    You should be able to see the changes

  • Profile Image

    Answered by AutoHelpRepair on December 12, 2013 at 10:03 PM

    Thank you so much. Though chrome is fixed, but Explorer still showes the red lines. I cleared the cache and reset explorer, restart computer, no help.

    One to go all else is fixed!!

     

    Thank you,

     

    Lee

  • Profile Image

    Answered by AutoRepairHelpUS on December 12, 2013 at 10:38 PM

    I removed the form by delete. Started over - still Explorer shows the red lines.

     

    Thank you for your help,

     

    Lee

  • Profile Image
    JotForm Support

    Answered by EltonCris on December 13, 2013 at 04:52 AM

    Hi Lee,

    Sorry but I am a bit puzzled as to what do you want to achieved here since according to your screen, you want the red box to appear on Firefox and Internet Explorer? Am I correct about this or do you want the input red border to be removed on IE? If yes, may I know what IE browser you are using?

    However, just in case you mean add the red input border on IE then check the following solution.

    ---

    It was probably due to the new CSS selector on the error mode which is not supported on IE8 and earlier. However, that can be fixed easily when you inject the following CSS codes to your form. This should reveal the red border on every inputs when you use IE8 and below.

    .form-line-error input{

    border: 1px solid #e15353 !important;

    }

    Guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Regards!

  • Profile Image

    Answered by AutoRepairHelpUS on December 13, 2013 at 05:59 AM

    What I want is the red boarder to be removed. The look now is some are red and others not - see image above that I sent to jot. 

    Chrome is fixed - the red boarders still show in Explorer 10.

     

    Thank you for your help,

     

    Lee

  • Profile Image
    JotForm Support

    Answered by abajan on December 13, 2013 at 06:27 AM

    Hi Lee,

    The form to which your page currently links (via an iFrame) has no injected CSS whatsoever. So, when someone fails to complete a required field and goes to a different field, the default style (red border) will appear around the former.

    Sorry but I'm a bit puzzled myself. Please clarify.


    Thanks

  • Profile Image
    JotForm Support

    Answered by abajan on December 13, 2013 at 06:39 AM

    I should add that I've checked the site in both Chrome and IE 10 (and IE 11).

  • Profile Image

    Answered by Lee on December 13, 2013 at 07:38 AM

    I realize that when one skips a step, the field becomes red. If I could send you a screen shoot of explorer to you, I would. I do not see from the buttons in this text form to send to you a screen shot on the one I sent at the beginning of this post.

  • Profile Image

    Answered by Lee on December 13, 2013 at 07:40 AM

    Explorer 10 and 11 show red lines like the screen shot in the beginning of this post.

  • Profile Image

    Answered by EliezerN on December 13, 2013 at 11:19 AM

    Thanks for cotnacting us

    Learn how to share screenshot with us via this thread please follow the steps in this guidance: How to upload and add screenshots to support forum?

    Just as my colleague abajan states your embeded form does not have any CSS code, that's why it shows the red message/border even when not using the IE 10 or 11:

    So, make sure to use the CSS code suggested by my colleague pinoytech in his first message. Here is how you can inject CSS codes to forms: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Inform us if you need further assistance.

    Thanks