examples/toolbar/reorderable.html

   1 <html>
   2     <head>
   3         <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   4         <title>Reorderable Toolbar</title>
   5         <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
   6
   7         <!-- GC -->
   8         <!-- LIBS -->
   9         <script type="text/javascript" src="../../adapter/ext/ext-base-debug.js"></script>
  10         <!-- ENDLIBS -->
  11
  12         <script type="text/javascript" src="../../ext-all-debug.js"></script>
  13
  14         <script type="text/javascript" src="../ux/Reorderer.js"></script>
  15         <script type="text/javascript" src="../ux/ToolbarReorderer.js"></script>
  16         <script type="text/javascript" src="reorderable.js"></script>
  17
  18         <link rel="stylesheet" type="text/css" href="toolbars.css"/>
  19
  20         <!-- Common Styles for the examples -->
  21         <link rel="stylesheet" type="text/css" href="../shared/examples.css"/>
  22     </head>
  23     <body id="docbody">
  24         <script type="text/javascript" src="../shared/examples.js"></script>
  25         <!-- EXAMPLES -->
  26         <h1>Reorderable Toolbars</h1>
  27         <p>This toolbar has the <a href="../ux/ToolbarReorderer">Ext.ux.ToolbarReorderer</a> plugin applied to it.</p>
  28         <p>Each item in the Toolbar has an optional 'reorderable' property, which will make the button draggable if set to true. In this example the 4 rightmost buttons are reorderable.</p>
  29         <p>The js is not minified so it is readable. See <a href="reorderable.js">reorderable.js</a>.</p>
  30     </body>
  31 </html>