How to show a persisten error message just below date picker in highlighted bold red with no border?

  • pvhwoo
    Asked on June 26, 2024 at 1:34 AM
    On more request: Any idea on how to show a persistent error message just below the date picker in highlighted bold red with no border? I tried a error text below it but it showed a border and user may be missing it as it appears an input field.
  • Jessica JotForm Support
    Replied on June 26, 2024 at 1:49 AM

    Hi Philip,

    It's not possible to show a persistent error message, the error message will only appear when the fields are not entered and remain until the fields are filled. If you need to add a persistent message, you can consider adding Paragraph element.

    In the meantime, if you are referring to the following styling, then it's possible:

    How to show a persisten error message just below date picker in highlighted bold red with no border? Image 1 Screenshot 30

    Adding the following code to your form will help you customize error message, but please note that it'll customize all the error message in the form: 

    /* Customize error message styling - Ticket #16270951 */
    .form-line-error .form-error-message { 
    background-color: transparent !important;
    color: red !important;
    font-weight: 800 !important;
    font-size: 13px !important;
    background-image: none !important;
    position: relative !important;
    left: -20px !important;
    }
    /* Ends here */

    If you need to customize only one field, we can also check this possibility, but you'll need to provide us the form URL you are working on and the exact field name.

    Adding the code above to your form is easy, let me show you how:

    1. In Form Builder, click on Paint Roller icon on the top-right.
    2. Click on Style tab. 
    3. Scroll below and add your CSS code in Inject Custom CSS.
    4. Click on Save and you are good to go. 

    How to show a persisten error message just below date picker in highlighted bold red with no border? Image 2 Screenshot 41

    Let us know if you need more help in this.

 
Your Answer