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="../../cssX/roojs-all.css"/>
6 <link rel="stylesheet" type="text/css" href="../../cssX/xtheme-slate.css"/>
8 <script type="text/javascript" src="../../roojs-all.js"></script>
11 <script type="text/javascript" src="custom.js"></script>
\r
12 <link rel="stylesheet" type="text/css" href="combos.css" />
\r
14 <style type="text/css">
\r
17 font:bold 11px tahoma, arial, helvetica, sans-serif;
\r
18 text-decoration:none;
\r
20 #search-results a:hover {
\r
21 text-decoration:underline;
\r
23 #search-results .search-item {
\r
27 margin:3px !important;
\r
30 border-bottom:1px solid #ddd;
\r
35 #search-results .x-toolbar {
\r
40 <!-- Common Styles for the examples -->
\r
41 <link rel="stylesheet" type="text/css" href="../examples.css" />
\r
44 <script type="text/javascript" src="../examples.js"></script><!-- EXAMPLES -->
\r
46 <b>Custom Form Fields</b><br />
\r
47 Ext provides many types of form fields to build interactive and rich forms. However, it also
\r
48 provides a complete framework for building new types of fields quickly. The search field below
\r
49 is an example demonstrating
\r
51 <p>The js is not minified so it is readable. See
52 <button type="button" onclick="RooDocs.viewSource.show('/custom.js')">custom.js</button> and
53 <button type="button" onclick="RooDocs.viewSource.show('/custom.html')">custom.html</button> .</p>
\r
55 <H1>This will not work until we sort out a backend for RooJS</H1>
57 <div style="width:600px;position:static;" class="x-layout-panel">
\r
58 <div class="x-layout-panel-hd">
\r
59 <div class="x-layout-panel-hd-text">RooJS Updates</div>
\r
61 <div id="search-tb"></div>
\r
62 <div id="search-results"></div>
\r
63 <div id="page-tb"></div>
\r