From 7aeb6a24f73bd1206640f358fd2630c81a807d44 Mon Sep 17 00:00:00 2001 From: Dhruv Manek Date: Fri, 7 Oct 2011 14:32:05 -0700 Subject: fix(docs): rename doc dev_guide.templates.css to dev_guide.templates.css-styling Closes #580 --- .../guide/dev_guide.templates.css-styling.ngdoc | 51 ++++++++++++++++++++++ 1 file changed, 51 insertions(+) create mode 100644 docs/content/guide/dev_guide.templates.css-styling.ngdoc (limited to 'docs/content/guide/dev_guide.templates.css-styling.ngdoc') diff --git a/docs/content/guide/dev_guide.templates.css-styling.ngdoc b/docs/content/guide/dev_guide.templates.css-styling.ngdoc new file mode 100644 index 00000000..4a4b2d65 --- /dev/null +++ b/docs/content/guide/dev_guide.templates.css-styling.ngdoc @@ -0,0 +1,51 @@ +@workInProgress +@ngdoc overview +@name Developer Guide: Templates: Working With CSS in Angular +@description + + +Angular includes built-in CSS classes, which in turn have predefined CSS styles. + +# Built-in CSS classes + +* `ng-exception` + +**Usage:** angular applies this class to a DOM element if that element contains an Expression that +threw an exception when evaluated. + +**Styling:** The built-in styling of the ng-exception class displays an error message surrounded +by a solid red border, for example: + +
Error message
+ +You can try to evaluate malformed expressions in {@link dev_guide.expressions expressions} to see +the `ng-exception` class' styling. + +* `ng-validation-error` + +**Usage:** angular applies this class to an input widget element if that element's input does not +pass validation. Note that you set the validation criteria on the input widget element using the +Ng:validate or Ng:required directives. + +**Styling:** The built-in styling of the ng-validation-error class turns the border of the input +box red and includes a hovering UI element that includes more details of the validation error. You +can see an example in {@link api/angular.widget.@ng:validate ng:validate example}. + +## Overriding Styles for Angular CSS Classes + +To override the styles for angular's built-in CSS classes, you can do any of the following: + +* Download the source code, edit angular.css, and host the source on your own server. +* Create a local CSS file, overriding any styles that you'd like, and link to it from your HTML file +as you normally would: + +
+
+
+ + +## Related Topics + +* {@link dev_guide.templates Angular Templates} +* {@link dev_guide.templates.formatters Angular Formatters} +* {@link dev_guide.templates.formatters.creating_formatters Creating Angular Formatters} -- cgit v1.2.3