Image Picker - No indication of error (eg red box around) when not selected (but required)

  • Profile Image
    aprpac
    Asked on May 06, 2015 at 05:59 PM

    Hi,

    I am using Image Picker however there is no indication of error (eg red box around) when not selected (but required).

    You get the message There are errors on the form. Please fix them before continuing.

    But there is no indication on the form where the problem is. How can I resolve this?

    Thanks

    Paul

  • Profile Image
    Boris
    Answered on May 06, 2015 at 08:42 PM

    Hello aprpac.

    The Image Picker is marking the fields with errors, but the problem is that the current background of these errors is white - so it is not noticeable. To fix this, we can change the background of the error fields to a bright shade of red / pink, to make them more noticeable.

    #id_28.form-line-error, #id_29.form-line-error { background-color: rgba(255, 128, 128, 0.61); }

    You can add this custom CSS code in one of the following ways.

    1. By following this guide:

    How to Inject Custom CSS Codes

    2. Or by using our Designer

    and adding the code under the CSS tab

    After you apply any of the two ways to add the above CSS, and save your form, it should display in this manner when the image is not selected:

    (Please note that 1 marks the selected image = no error, and 2 marks that no image was selected = error.)

    Please let us know if this solves your issue.

    Kind regards,
    Boris.

  • Profile Image
    aprpac
    Answered on May 07, 2015 at 04:34 AM

    Hi,

    Thanks this is perfect!

    Kind regards

    Paul

  • Profile Image
    Boris
    Answered on May 07, 2015 at 04:55 AM

    You are kindly welcome, Paul. Thank you for letting us know that it works.

    Please don't hesitate to ask (in a new thread) if you need any help with anything else.

    Kind regards.