Structure form problem need help please.

[mmourtada]

I used Oreilly samples to create an app and I can't get the form to show correctly, can some one please point me to what I am missing. Is it possible to have a form in TabPanel ? I am calling the code below with xtype: 'appointment' from the app.js
http://www.cartechniks.com/senchatest/

CarTechniks.Mobile.Appointment = Ext.extend(Ext.Panel, {
initComponent: function(){
this.CarTechniksPanel = new Ext.form.FormPanel({
scroll: 'vertical',
fullscreen: true,
layout: 'fit',
//
url: 'postUser.php',
standardSubmit : false,
//
items: [{
xtype: 'fieldset',
title: '',
//instructions: 'Edit and save the changes.',
defaults: {
labelAlign: 'center',
labelWidth: '40%'
},
items: [
{
xtype: 'textfield',
name: 'Name',
label: 'Full Name',
useClearIcon: true,
autoCapitalize: false
}, {
xtype: 'emailfield',
name: 'email',
label: 'Email',
placeHolder: 'you@yourcompany.com',
useClearIcon: true
},{
xtype: 'passwordfield',
name: 'Password',
label: 'Password',
placeHolder: 'password',
useClearIcon: true
}
]
}]
});
this.items = [this.CarTechniksPanel];
CarTechniks.Mobile.Appointment.superclass.initComponent.call(this);
}
});
Ext.reg('appointment', CarTechniks.Mobile.Appointment);