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>