Upgrade to ExtJS 4.0.0 - Released 04/26/2011
[extjs.git] / examples / form / form-grid-access.html
index 91edbc5..4a02fe8 100644 (file)
@@ -3,61 +3,43 @@
 <head>
     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
     <title>Form with embedded Grid</title>
-    <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css"/>
-    <link rel="stylesheet" type="text/css" href="../../resources/css/xtheme-access.css" />
+    <!-- ExtJS -->
+    <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all-access.css" />
+    <!-- Shared -->
+    <link rel="stylesheet" type="text/css" href="../shared/example.css" />
+    
+    <script type="text/javascript" src="../../bootstrap.js"></script>
 
-    <!-- GC -->
-    <!-- LIBS -->
-    <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
-    <!-- ENDLIBS -->
-
-    <script type="text/javascript" src="../../ext-all-debug.js"></script>
-
-    <script type="text/javascript" src="form-grid-access.js"></script>
-    <link rel="stylesheet" type="text/css" href="forms.css"/>
-
-    <!-- Common Styles for the examples -->
-    <link rel="stylesheet" type="text/css" href="../shared/examples.css"/>
-    <style type="text/css">
-        body > h1, body > p {
-            color: black;
-            width: 750px;
-        }
-        
-        .ext-ie .x-form-check-wrap, .ext-gecko .x-form-check-wrap {
-            padding-top: 3px;
-        }
-        fieldset legend {
-            white-space: nowrap;
-        }
-        
-        .x-fieldset legend,
-        .x-panel-tl .x-panel-header {
-            color: #fff;
-        }
-        
-        .x-grid3-row-over {
-            background-image: none;
-        }
-    </style>
+    <!-- Example -->
+    <script type="text/javascript" src="form-grid.js"></script>
+       
+       <style type="text/css" media="screen">
+               body {
+                       background: #fff;
+                       color: #000;
+               }
+               
+               .x-form-text {
+                       color: #fff;
+               }
+       </style>
 </head>
 <body>
-<script type="text/javascript" src="../shared/examples.js"></script>
-<!-- EXAMPLES -->
-<h1>Dynamic Form interacting with an Embedded Grid</h1>
+    <h1>Dynamic Form interacting with an embedded Grid</h1>
 
-<p>
-    This Form demonstrates the fact that by virtue of inheriting from the Ext <b><tt>Container</tt></b>
-    class, an Ext.form.FormPanel can contain any Ext <b><tt>Component</tt></b>. This includes all the
-    subclasses of Ext.Panel, including the GridPanel.
-</p>
-<p>
-    The Grid demonstrates the use of creation of derived fields in a Record created using a custom
-    <b><tt>convert</tt></b> function, and the use of column renderers.
-</p>
-<p>
-    The Form demonstrates the use of radio buttons grouped by name being set by the value of the derived
-    'rating' field.
-</p>
+    <p>
+        This Form demonstrates the fact that by virtue of inheriting from the Ext <b><tt>Container</tt></b>
+        class, an Ext.form.Panel can contain any Ext <b><tt>Component</tt></b>. This includes all the
+        subclasses of Ext.Panel, including the GridPanel.
+    </p>
+    <p>
+        The Grid demonstrates the use of creation of derived fields in a Record created using a custom
+        <b><tt>convert</tt></b> function, and the use of column renderers.
+    </p>
+    <p>
+        The Form demonstrates the use of radio buttons grouped by name being set by the value of the derived
+        'rating' field.
+    </p>
 </body>
 </html>
\ No newline at end of file