Upgrade to ExtJS 4.0.0 - Released 04/26/2011

[extjs.git] / examples / form / contact-form.html
diff --git a/examples/form/contact-form.html b/examples/form/contact-form.html

new file mode 100644 (file)

index 0000000..84305a8
--- /dev/null
+++ b/examples/form/contact-form.html
@@ -0,0 +1,34 @@
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+    <title>Contact Form</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="contact-form.js"></script>
+    <style type="text/css">
+        .contactBtn button {
+            padding: 0 5px;
+            font-size: 16px;
+        }
+    </style>
+</head>
+<body>
+
+    <h1>Contact Form</h1>
+
+    <p>
+        This shows an example of a common "Contact Us" form in a popup window. The form uses vbox and hbox
+        layouts to acheive a uniform flexible layout even when the window is resized.
+    </p>
+
+    <p>The js is not minified so it is readable. See <a href="contact-form.js">contact-form.js</a>.</p>
+
+</body>
+</html>