Upgrade to ExtJS 3.3.1 - Released 11/30/2010
[extjs.git] / examples / form / custom.html
1 <html>
2 <head>
3     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
4     <title>Custom Fields</title>
5     <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
6
7     <!-- GC -->
8         <!-- LIBS -->
9         <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
10         <!-- ENDLIBS -->
11
12     <script type="text/javascript" src="../../ext-all.js"></script>
13
14     <script type="text/javascript" src="../ux/SearchField.js"></script>
15     <script type="text/javascript" src="custom.js"></script>
16     <link rel="stylesheet" type="text/css" href="combos.css" />
17
18     <style type="text/css">
19         #search-results a {
20             color: #385F95;
21             font:bold 11px tahoma, arial, helvetica, sans-serif;
22             text-decoration:none;
23         }
24         #search-results a:hover {
25             text-decoration:underline;
26         }
27         #search-results .search-item {
28             padding:5px;
29         }
30         #search-results p {
31             margin:3px !important;
32         }
33         #search-results {
34             border-bottom:1px solid #ddd;
35             margin: 0 1px;
36             height:300px;
37             overflow:auto;
38         }
39         #search-results .x-toolbar {
40             border:0 none;
41         }
42     </style>
43
44     <!-- Common Styles for the examples -->
45     <link rel="stylesheet" type="text/css" href="../shared/examples.css" />
46 </head>
47 <body>
48 <script type="text/javascript" src="../shared/examples.js"></script><!-- EXAMPLES -->
49 <p>
50     <b>Custom Form Fields</b><br />
51     Ext provides many types of form fields to build interactive and rich forms. However, it also
52     provides a complete framework for building new types of fields quickly. The search field below
53     is an example.
54 </p>
55 <p>The js is not minified so it is readable. See <a href="custom.js">custom.js</a>.</p>
56
57 <div style="width:600px;" id="search-panel">
58 </div>
59
60 </body>
61 </html>