text: Ext.define('KitchenSink.view.form.LoginForm', {
      extend: 'Ext.form.Panel',
      xtype: 'login-form',
      
      //<example>
      exampleTitle: 'Login Form',
      exampleDescription: [
          '<p>Demonstrates a simple login form.</p>'
      ].join(''),
      //</example>
      
      title: 'Login',
      frame:true,
      width: 320,
      bodyPadding: 10,
      
      defaultType: 'textfield',
      defaults: {
          anchor: '100%'
      },
      
      items: [
          {
              allowBlank: false,
              fieldLabel: 'User ID',
              name: 'user',
              emptyText: 'user id'
          },
          {
              allowBlank: false,
              fieldLabel: 'Password',
              name: 'pass',
              emptyText: 'password',
              inputType: 'password'
          },
          {
              xtype:'checkbox',
              fieldLabel: 'Remember me',
              name: 'remember'
          }
      ],
      
      buttons: [
          { text:'Register' },
          { text:'Login' }
      ]
  });