HTML Code:
<script type="text/javascript">
Ext.onReady(function(){
var tabs = new Ext.FormPanel({
labelWidth:75,width:550,border:false,frame:true,bodyStyle:'padding:5px 5px 0',renderTo:document.body,title:'Barco',
items:[
{
xtype:'tabpanel',activeTab:0,bodyStyle:'background-color:transparent;padding:8px',height:240,
items:[
{
title:'Dados 1',
items:[
{
xtype:'fieldset',title:'User Information',collapsible:true,height:90,layout:'column',
items:[
{
columnWidth:.5,layout:'form',
items:[
{xtype:'textfield',fieldLabel:'First Name',name:'first',size:20},
{xtype:'textfield',fieldLabel:'Company',name:'company',size:20}
]
},
{
columnWidth:.5,layout:'form',
items:[
{xtype:'textfield',fieldLabel:'Last Name',name:'last',size:20},
{xtype:'textfield',fieldLabel:'Email',name:'email',vtype:'email',size:20}
]
}
]
}
]
},
{
title:'Dados 2',
items:[
{
xtype:'fieldset',title:'User Information 2',collapsible:true,height:90,layout:'column',
items:[
{
columnWidth:.5,layout:'form',
items:[
{xtype:'textfield',fieldLabel:'First Name 2',name:'first2',size:20},
{xtype:'textfield',fieldLabel:'Company 2',name:'company2',size:20}
]
},
{
columnWidth:.5,layout:'form',
items:[
{xtype:'textfield',fieldLabel:'Last Name 2',name:'last2',size:20},
{xtype:'textfield',fieldLabel:'Email 2',name:'email2',vtype:'email',size:20}
]
}
]
}
]
}
]
}
]
});
});
</script>