Upgrade to ExtJS 4.0.7 - Released 10/19/2011
[extjs.git] / examples / form / adv-vtypes.html
index addd4d6..dd0cc1b 100644 (file)
@@ -1,30 +1,38 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">\r
-<html>\r
-<head>\r
-<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">\r
-<title>Advanced VType Examples</title>\r
-\r
-<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />\r
-       <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>\r
-  <script type="text/javascript" src="../../ext-all-debug.js"></script>\r
-  \r
-  <script type="text/javascript" src="adv-vtypes.js"></script>\r
-  <script type="text/javascript" src="states.js"></script>\r
-\r
-<!-- Common Styles for the examples -->\r
-<link rel="stylesheet" type="text/css" href="../shared/examples.css" />\r
-</head>\r
-\r
-<body>\r
-<h1>Advanced Validation Examples Using VTypes</h1>\r
-\r
-<div id="dr"><p>The first example shows two date fields acting as a date range.  Selecting an initial date\r
-sets the minimum value for the end field.  Selecting an ending date sets a maximum value for the\r
-start field.</p></div>\r
-\r
-<div id="pw" style="padding-top:20px"><p>This second example shows a password verification,\r
- the second value must be equivalent to the first to validate.</p></div><br/>\r
-\r
-<p>The js is not minified so it is readable. See <a href="adv-vtypes.js">adv-vtypes.js</a>.</p>\r
-</body>\r
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+    <title>Advanced VType Examples</title>
+
+    <!-- ExtJS -->
+    <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
+    <script type="text/javascript" src="../../bootstrap.js"></script>
+
+    <!-- Shared -->
+    <link rel="stylesheet" type="text/css" href="../shared/example.css" />
+
+    <!-- Example -->
+    <script type="text/javascript" src="adv-vtypes.js"></script>
+    <style type="text/css">
+        #dr, #pw {
+            margin-bottom: 30px;
+        }
+    </style>
+</head>
+
+<body>
+    <h1>Advanced Validation Examples Using VTypes</h1>
+
+    <div id="dr">
+        <p>The first example shows two date fields acting as a date range.  Selecting an initial
+        date sets the minimum value for the end field.  Selecting an ending date sets a maximum
+        value for the start field.</p>
+    </div>
+
+    <div id="pw">
+        <p>This second example shows a password verification, the second value must be equivalent
+        to the first to validate.</p>
+    </div>
+
+    <p>The js is not minified so it is readable. See <a href="adv-vtypes.js">adv-vtypes.js</a>.</p>
+</body>
 </html>
\ No newline at end of file