Ext.onReady(function(){
    Ext.QuickTips.init();
    Ext.form.Field.prototype.msgTarget = 'side';
    
    var loginForm = new Ext.FormPanel({
        labelWidth: 125,
        frame: true,
        title: 'User Login',
        bodyStyle:'padding:5px 5px 0',
        width: 350,
        monitorValid: true,
        defaultType: 'textfield',
        items: [{
            inputType: 'textfield',
            fieldLabel: 'User Name',
            name: 'user',
            id: 'user',
            allowBlank: false
        },{
            inputType: 'password',
            fieldLabel: 'Password',
            name: 'pass',
            id: 'pass',
            allowBlank: false
        }],
        buttons: [{
            text: 'Login'
        },{
            text: 'Cancel'
        }]
    });

    loginForm.render('login_form');
});