Removing the error message graphics on the required fields

  • Profile Image
    peeryapts
    Asked on October 04, 2014 at 08:40 AM

    I have a very small form (just 3 input fields) with one required field. The form uses a custom background and submit button, so when the warning message is called for the required field, everything else on the form shifts downward.

    Is it possible to remove the graphics and text from a warning message and just keep the field input boxes outlined in red?  

    The attached screen shot explains what I am trying to achieve better than I can.

    Please let me know!

     

    Thank you!

  • Profile Image
    Jan
    Answered on October 04, 2014 at 09:41 AM

    Hi peeryapts,

    Please try adding this custom css code:

    .form-line-error {
    background: transparent !important;
    }

    .form-line-error .form-error-message {
    display: none;
    }

    Please refer to this guide on How to Inject Custom CSS Code.

     

    Hope this helps.

  • Profile Image
    peeryapts
    Answered on October 04, 2014 at 09:44 AM

    Thank you Jan!

    I had just found the same answer when your email came in. Works perfectly!

  • Profile Image
    Jan
    Answered on October 04, 2014 at 09:48 AM

    No problem. Let us know if you need any help. Thank you for using JotForm.

  • Profile Image
    peeryapts
    Answered on October 04, 2014 at 10:14 AM

    You guys are amazing! 

    Actually, I do need a little help with controlling the alignment of the submit button on the same form.

    You can see from the screenshot that the button alignment is correct on iPAD-2, iPhone 4s and 5s, but it is misaligned on my laptop. It is also misaligned on Android devices, although not as much.

    Is there any way to get better alignment across all devices?