Results 1 to 3 of 3

Thread: Form validation: How to get something more understated than the underline/outline?

  1. #1
    Sencha Premium Member
    Join Date
    Aug 2012
    Posts
    10
    Vote Rating
    0
      0  

    Default Answered: Form validation: How to get something more understated than the underline/outline?

    The default form panel validation is pretty aggressive -- how can I tone down the feedback to perhaps just a red asterisk next to a field?

    yelling.png

    Alternatively, is there a way to show the error messages when the user tries to click the "Save" button? I currently have formBind=true on the required field.

  2. First you would override the .x-form-invalid-field css class to remove the red borders.

    Then I would recommend using msgTarget: side which would give you the exclamation point on the side with a hover showing the error. If you really want an asterisk instead of the exclamation point you could override .x-form-invalid-icon as well.

  3. #2
    Ext JS Premium Member
    Join Date
    Nov 2009
    Location
    St Louis,MO
    Posts
    267
    Answers
    20
    Vote Rating
    18
      1  

    Default

    First you would override the .x-form-invalid-field css class to remove the red borders.

    Then I would recommend using msgTarget: side which would give you the exclamation point on the side with a hover showing the error. If you really want an asterisk instead of the exclamation point you could override .x-form-invalid-icon as well.

  4. #3
    Sencha Premium Member
    Join Date
    Aug 2012
    Posts
    10
    Vote Rating
    0
      0  

    Default

    Thanks, that combination works wonderfully!

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •