3 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
\r
4 <title>Custom Fields</title>
\r
7 <link rel="stylesheet" type="text/css" href="../../css/roojs.css"/>
8 <link rel="stylesheet" type="text/css" href="../../css/xtheme-slate.css"/>
11 <script type="text/javascript" src="../../roojs-all.js"></script>
14 <script type="text/javascript" src="custom.js"></script>
\r
15 <link rel="stylesheet" type="text/css" href="combos.css" />
\r
17 <style type="text/css">
\r
20 font:bold 11px tahoma, arial, helvetica, sans-serif;
\r
21 text-decoration:none;
\r
23 #search-results a:hover {
\r
24 text-decoration:underline;
\r
26 #search-results .search-item {
\r
30 margin:3px !important;
\r
33 border-bottom:1px solid #ddd;
\r
38 #search-results .x-toolbar {
\r
43 <!-- Common Styles for the examples -->
\r
44 <link rel="stylesheet" type="text/css" href="../examples.css" />
\r
47 <script type="text/javascript" src="../examples.js"></script><!-- EXAMPLES -->
\r
49 <b>Custom Form Fields</b><br />
\r
50 Ext provides many types of form fields to build interactive and rich forms. However, it also
\r
51 provides a complete framework for building new types of fields quickly. The search field below
\r
52 is an example demonstrating
\r
54 <p>The js is not minified so it is readable. See
55 <button type="button" onclick="RooDocs.viewSource.show('/custom.js')">custom.js</button> and
56 <button type="button" onclick="RooDocs.viewSource.show('/custom.html')">custom.html</button> .</p>
\r
58 <H1>This will not work until we sort out a backend for RooJS</H1>
60 <div style="width:600px;position:static;" class="x-layout-panel">
\r
61 <div class="x-layout-panel-hd">
\r
62 <div class="x-layout-panel-hd-text">RooJS Updates</div>
\r
64 <div id="search-tb"></div>
\r
65 <div id="search-results"></div>
\r
66 <div id="page-tb"></div>
\r