Change form warning colors

  • Profile Image
    Mandar Patil
    Asked on June 18, 2014 at 03:03 AM
    2. Can alert message design in form can be change? Red effect
  • Profile Image
    Welvin
    Answered on June 18, 2014 at 03:14 AM

    Hi Mandar,

    Yes, you should be able to change the red warning color. Which one would you like to change?

    The field background color? or the border color? or the background color of the text that says "This field is required" ? Please let us know.

    For the Field Background Color, you can use the following custom CSS codes:

    .form-line-error {

    background: yellow !important;

    }

     

    For the border color:

    .form-line-error {

    border: 1px solid yellow !important;

    -moz-box-shadow: 0 0 3px yellow !important;

    -webkit-box-shadow: 0 0 3px yellow !important;

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

    }

     

    For the background color of the required message:

    .form-line-error .form-error-message {

    background: yellow !important;

    }

    .form-error-arrow {

    border-bottom-color: yellow !important;

    }

     

    Change yellow to any color you want. You can also use Hex Codes. Inject the custom CSS codes to your form by following this guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Thanks

  • Profile Image
    Mandar 
    Answered on June 18, 2014 at 03:41 AM

    from where to add a CSS code to the field or i want to remove the background colour and add the border colour to all field is it possible?

  • Profile Image
    Mandar  
    Answered on June 18, 2014 at 03:44 AM

    Sorry i get it..

  • Profile Image
    BryanPaulo
    Answered on June 18, 2014 at 03:45 AM

    Hi,

    Let us know if you still need our assistance.

    Thanks!

  • Profile Image
    Mandar 
    Answered on June 18, 2014 at 06:31 AM

    Want to give an condition for radio button field in the form,

    example:- if anyone select Yes from the option then the remaining field / Questions should be mentioned / displayed or anyone select the other option no then the submit button directly get displayed

    Is it possible? 

  • Profile Image
    Jeanette
    Answered on June 18, 2014 at 11:25 AM

    Since this is a different question, I've opened a new thread for you here, your question will be answered there.