examples/spinner/spinner.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   2 <html xmlns="http://www.w3.org/1999/xhtml">
   3 <head>
   4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   5     <title>Custom Spinner Widget Example</title>
   6
   7     <!-- ** CSS ** -->
   8     <!-- base library -->
   9     <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
  10
  11     <!-- overrides to base library -->
  12     <link rel="stylesheet" type="text/css" href="../ux/css/Spinner.css" />
  13
  14     <!-- page specific -->
  15     <style type="text/css">
  16
  17     /* global css */
  18     body {
  19         padding:0 2em 3em;
  20         font: normal 12px arial, helvetica, sans-serif;
  21         color: #282828;
  22     }
  23
  24     </style>
  25
  26
  27     <!-- ** Javascript ** -->
  28     <!-- ExtJS library: base/adapter -->
  29     <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
  30
  31     <!-- ExtJS library: all widgets -->
  32     <script type="text/javascript" src="../../ext-all.js"></script>
  33
  34     <!-- overrides to base library -->
  35
  36     <!-- extensions -->
  37     <script type="text/javascript" src="../ux/Spinner.js"></script>
  38     <script type="text/javascript" src="../ux/SpinnerField.js"></script>
  39
  40
  41     <!-- page specific -->
  42     <script type="text/javascript" src="spinner.js"></script>
  43
  44 </head>
  45 <body>
  46
  47     <h1>Custom Spinner Widget Example</h1>
  48
  49     <p>This example demonstrates a Custom Spinner Widget</p>
  50
  51     <p>The Custom Spinner Widget utilizes the
  52     <a href="../ux/Spinner.js">Ext.ux.Spinner</a>
  53     and
  54     <a href="../ux/SpinnerField.js">Ext.ux.form.SpinnerField</a>
  55     classes.</p>
  56     <p>The js is not minified so it is readable. See <a href="spinner.js">spinner.js</a>.</p>
  57
  58         <div id="form-ct" style="margin-top:1em"></div>
  59
  60 </body>
  61 </html>