--- /dev/null
+<html>\r
+<head>\r
+ <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">\r
+ <title>Custom Fields</title>\r
+ <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />\r
+ <link rel="stylesheet" type="text/css" href="../../resources/css/xtheme-access.css" />\r
+\r
+ <!-- GC -->\r
+ <!-- LIBS -->\r
+ <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>\r
+ <!-- ENDLIBS -->\r
+\r
+ <script type="text/javascript" src="../../ext-all.js"></script>\r
+\r
+ <script type="text/javascript" src="../ux/SearchField.js"></script>\r
+ <script type="text/javascript" src="custom-access.js"></script>\r
+ <link rel="stylesheet" type="text/css" href="combos.css" />\r
+\r
+ <style type="text/css">\r
+ \r
+ body > p {\r
+ color: black;\r
+ }\r
+ \r
+ .search-item {\r
+ border-color: none #1A1A1C #111111 none;\r
+ border-style: none solid solid none;\r
+ border-width: 0 0 1px 0;\r
+ color: #fff;\r
+ font: normal 14px tahoma, arial, helvetica, sans-serif;\r
+ }\r
+ \r
+ .search-item {\r
+\r
+ }\r
+\r
+ .search-item h3 a {\r
+ color: #fff;\r
+ font: bold 15px tahoma, arial, helvetica, sans-serif;\r
+ /* text-decoration:none; */\r
+ }\r
+ \r
+ .search-item h3 a:hover {\r
+ color: #ddd;\r
+ }\r
+ \r
+ .search-item h3 span {\r
+ color: #fff;\r
+ margin: 0 0 5px 15px;\r
+ width: 110px;\r
+ }\r
+ \r
+ .x-small-editor .x-form-text {\r
+ height: 26px;\r
+ }\r
+ .x-small-editor .x-form-field-wrap .x-form-trigger {\r
+ height: 24px;\r
+ }\r
+ \r
+ .x-toolbar td, .x-toolbar span, .x-toolbar input, .x-toolbar div, .x-toolbar select, .x-toolbar label {\r
+ font-size: 15px;\r
+ }\r
+ \r
+ #search-results a:hover {\r
+ text-decoration:underline;\r
+ }\r
+ #search-results .search-item {\r
+ padding:5px;\r
+ }\r
+ #search-results p {\r
+ margin:3px !important;\r
+ }\r
+ #search-results {\r
+ border-bottom:1px solid #ddd;\r
+ margin: 0 1px;\r
+ height:600px;\r
+ overflow:auto;\r
+ }\r
+ #search-results .x-toolbar {\r
+ border:0 none;\r
+ }\r
+ </style>\r
+\r
+ <!-- Common Styles for the examples -->\r
+ <link rel="stylesheet" type="text/css" href="../shared/examples.css" />\r
+</head>\r
+<body>\r
+<script type="text/javascript" src="../shared/examples.js"></script><!-- EXAMPLES -->\r
+<p>\r
+ <b>Custom Form Fields</b><br />\r
+ Ext provides many types of form fields to build interactive and rich forms. However, it also\r
+ provides a complete framework for building new types of fields quickly. The search field below\r
+ is an example.\r
+</p>\r
+<p>The js is not minified so it is readable. See <a href="custom.js">custom.js</a>.</p>\r
+\r
+<div style="width:600px;" id="search-panel">\r
+</div>\r
+\r
+</body>\r
+</html>\r