1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
4 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
5 <title>Custom Form Fields</title>
8 <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
9 <style type="text/css">
12 font:bold 11px tahoma, arial, helvetica, sans-serif;
16 #search-results a:hover {
17 text-decoration:underline;
21 margin:3px !important;
25 font:normal 11px tahoma, arial, helvetica, sans-serif;
26 padding:3px 10px 3px 10px;
27 border:1px solid #fff;
28 border-bottom:1px solid #eeeeee;
39 .search-item h3 span {
48 .x-form-clear-trigger {
49 background-image: url(../../resources/themes/images/default/form/clear-trigger.gif);
52 .x-form-search-trigger {
53 background-image: url(../../resources/themes/images/default/form/search-trigger.gif);
56 <script type="text/javascript" src="../../bootstrap.js"></script>
59 <link rel="stylesheet" type="text/css" href="../shared/example.css" />
62 <script type="text/javascript" src="custom-form.js"></script>
66 <b>Custom Form Fields</b><br />
67 Ext provides many types of form fields to build interactive and rich forms. However, it also
68 provides a complete framework for building new types of fields quickly. The search field below
71 <p>The js is not minified so it is readable. See <a href="custom-form.js">custom-form.js</a>.</p>
73 <div id="search-panel">