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