examples/form/hbox-form.html

   1 <html>
   2 <head>
   3 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   4     <title>HBox Form</title>
   5
   6     <!-- ExtJS -->
   7     <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
   8     <script type="text/javascript" src="../../bootstrap.js"></script>
   9
  10     <!-- Shared -->
  11     <link rel="stylesheet" type="text/css" href="../shared/example.css" />
  12
  13     <!-- Example -->
  14     <script type="text/javascript" src="hbox-form.js"></script>
  15 </head>
  16 <body>
  17         <h1>HBox Form Example</h1>
  18
  19         <p>
  20             In the following example, the space needed for the email validation error message automatically taken form the field size when needed.  The mousedown event is being used for validation for more immediate feedback.  Also note that the FormPanel itself is using an hbox layout as we can use any layout for forms now. - <a href="hbox-form.js">View Source</a>.
  21         </p>
  22         <p>
  23             See our introductory blog post on the topic <a href="http://www.sencha.com/blog/?p=5478">here</a>.
  24         </p>
  25         <br>
  26 </body>
  27 </html>