xtform icon indicating copy to clipboard operation
xtform copied to clipboard

CSS styles required for red borders are not documented

Open ReinierGielen opened this issue 10 years ago • 1 comments

The css that provides the red border in 2.0 has moved to another class. But this class is not provided in the distribution package. Therefore out of the box there is no red border.

Adding a css-file with the following content will do the trick: input.ng-dirty.ng-invalid, select.ng-dirty.ng-invalid, textarea.ng-dirty.ng-invalid { border: 1px solid red; }

.ng-submitted input.ng-invalid, .ng-submitted select.ng-invalid, .ng-submitted textarea.ng-invalid { border: 1px solid red; }

ReinierGielen avatar Jan 16 '15 10:01 ReinierGielen

I've opted to use the built in angular classes for highlighting. This gives the flexibility of allowing for different rules when showing red borders to the rules of showing the error message. It depends on the strategy used how you would set up your classes, thanks for your comment I think this needs to be documented.

refactorthis avatar Jan 16 '15 21:01 refactorthis