git.roojs.org Git - roojs1/blob - 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
   6
   7     <link rel="stylesheet" type="text/css" href="../../css/roojs.css"/>
   8     <link rel="stylesheet" type="text/css" href="../../css/xtheme-slate.css"/>
   9
  10
  11      <script type="text/javascript" src="../../roojs-all.js"></script>
  12   \r
  13 \r
  14     <script type="text/javascript" src="custom.js"></script>\r
  15     <link rel="stylesheet" type="text/css" href="combos.css" />\r
  16 \r
  17     <style type="text/css">\r
  18         #search-results a {\r
  19             color: #385F95;\r
  20             font:bold 11px tahoma, arial, helvetica, sans-serif;\r
  21             text-decoration:none;\r
  22         }\r
  23         #search-results a:hover {\r
  24             text-decoration:underline;\r
  25         }\r
  26         #search-results .search-item {\r
  27             padding:5px;\r
  28         }\r
  29         #search-results p {\r
  30             margin:3px !important;\r
  31         }\r
  32         #search-results {\r
  33             border-bottom:1px solid #ddd;\r
  34             margin: 0 1px;\r
  35             height:300px;\r
  36             overflow:auto;\r
  37         }\r
  38         #search-results .x-toolbar {\r
  39             border:0 none;\r
  40         }\r
  41     </style>\r
  42 \r
  43     <!-- Common Styles for the examples -->\r
  44     <link rel="stylesheet" type="text/css" href="../examples.css" />\r
  45 </head>\r
  46 <body>\r
  47 <script type="text/javascript" src="../examples.js"></script><!-- EXAMPLES -->\r
  48 <p>\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
  53 </p>\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
  57
  58 <H1>This will not work until we sort out a backend for RooJS</H1>
  59 \r
  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
  63     </div>\r
  64     <div id="search-tb"></div>\r
  65     <div id="search-results"></div>\r
  66     <div id="page-tb"></div>\r
  67 </div>\r
  68 \r
  69 </body>\r
  70 </html>\r