angular-bootstrap-show-errors icon indicating copy to clipboard operation
angular-bootstrap-show-errors copied to clipboard

Support for validation icons?

Open danielbsig opened this issue 10 years ago • 4 comments

Hi,

It would be very nice if this directive would support toggling the bootstrap icons as shown here: http://getbootstrap.com/css/#forms-control-validation ("With optional icons"). I'm still not 100% sure how to do this, but I guess that one way would be to check for the presence of a < i > tag, perhaps with a special CSS class attached to it, and then toggle the icons in it at the same time as the has-success and has-errors classes are turned on/off.

This could either be done automatically (detecting the presence of said < i > element), or configurable similar to the showSuccess option.

danielbsig avatar Dec 30 '14 15:12 danielbsig

... or actually a span element, which is used in the example on the bootstrap page...

danielbsig avatar Dec 30 '14 15:12 danielbsig

+1, validation feedback icons would make a great addition.

staslev avatar Jan 10 '15 11:01 staslev

+1

jack-kerouac avatar Feb 02 '15 14:02 jack-kerouac

+1, Would settle for an option to apply .has-feedback when either has-error/has-success are added to the target element though.

The actual showing/hiding of the icons can be done relatively simply via CSS, but either you/the user needs to implement logic to govern has-feedback as well or live with has-feedback permanently applied which leaves a large padding on the right of the input field.

StrangelyTyped avatar Mar 14 '16 18:03 StrangelyTyped