From 7f1e2e48467f80cc083d24b44f088620e4e7bcb6 Mon Sep 17 00:00:00 2001 From: Igor Minar Date: Mon, 6 Jun 2011 08:50:35 -0700 Subject: new batch of docs --- docs/content/guide/dev_guide.templates.css.ngdoc | 70 ++++++++++++++++++++++++ 1 file changed, 70 insertions(+) create mode 100644 docs/content/guide/dev_guide.templates.css.ngdoc (limited to 'docs/content/guide/dev_guide.templates.css.ngdoc') diff --git a/docs/content/guide/dev_guide.templates.css.ngdoc b/docs/content/guide/dev_guide.templates.css.ngdoc new file mode 100644 index 00000000..90021b98 --- /dev/null +++ b/docs/content/guide/dev_guide.templates.css.ngdoc @@ -0,0 +1,70 @@ +@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.css Working With CSS in Angular} +* {@link dev_guide.templates.formatters Angular Formatters} +* {@link dev_guide.templates.formatters.creating_formatters Creating Angular Formatters} -- cgit v1.2.3