Upgrade to ExtJS 4.0.0 - Released 04/26/2011

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

index 37aa805..5fda6e5 100644 (file)
--- a/examples/form/forum-search.html
+++ b/examples/form/forum-search.html
@@ -1,47 +1,52 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  <html>
  <head>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
      <title>ComboBox - Live Search</title>
  <html>
  <head>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
      <title>ComboBox - Live Search</title>
-    <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
  
  
-    <!-- GC -->
-       <!-- LIBS -->
-       <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
-       <!-- ENDLIBS -->
+    <!-- ExtJS -->
+    <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
+    <script type="text/javascript" src="../../bootstrap.js"></script>
  
  
-    <script type="text/javascript" src="../../ext-all.js"></script>
+    <!-- Shared -->
+    <link rel="stylesheet" type="text/css" href="../shared/example.css" />
  
  
+    <!-- Example -->
      <script type="text/javascript" src="forum-search.js"></script>
      <script type="text/javascript" src="forum-search.js"></script>
-    <link rel="stylesheet" type="text/css" href="combos.css" />
-
-    <!-- Common Styles for the examples -->
-    <link rel="stylesheet" type="text/css" href="../shared/examples.css" />
      <style type="text/css">
      <style type="text/css">
-        p { width:650px; }
+        .search-item {
+            padding: 5px 10px;
+            white-space: normal;
+            color: #555;
+        }
+
+        .search-item h3 {
+            display: block;
+            font: inherit;
+            font-weight: bold;
+            color: #222;
+        }
+
+        .search-item h3 span {
+            float: right;
+            font-weight: normal;
+            margin:0 0 5px 5px;
+            width: 100px;
+            clear: none;
+        }
+
+        html, body {
+            border: 0;
+        }
      </style>
  </head>
  <body>
      </style>
  </head>
  <body>
-<script type="text/javascript" src="../shared/examples.js"></script><!-- EXAMPLES -->
-<p>
-    <b>Combo with Templates and Ajax</b><br />
-    This is a more advanced example that shows how you can combine paging, Ext.Template and a remote data store
-    to create a "live search" feature.
-</p>
+
+<h1>Combo with Templates and Ajax</h1>
+
+<p>This is a more advanced example that shows how you can combine <!--paging, -->Ext.Template and a
+remote data store to create a "live search" feature. Try searching for terms like "form", or "grid".</p>
+
  <p>The js is not minified so it is readable. See <a href="forum-search.js">forum-search.js</a>.</p>
  
  <p>The js is not minified so it is readable. See <a href="forum-search.js">forum-search.js</a>.</p>
  
-<!-- The box wrap markup embedded instead of using Element.boxWrap() -->
-<div style="width:600px;">
-    <div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>
-    <div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc">
-        <h3 style="margin-bottom:5px;">Search the Ext Forums</h3>
-        <input type="text" size="40" name="search" id="search" />
-        <div style="padding-top:4px;">
-            Live search requires a minimum of 4 characters.
-        </div>
-    </div></div></div>
-    <div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>
-</div>
-        
  </body>
  </html>
  </body>
  </html>