examples/form/custom.html

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