PDA

View Full Version : Two tabs, fildsets, columns and forms.



leandrorc
22 Oct 2007, 8:26 AM
Hi,

I have the follow problem:

Two tabs, each tab has one fieldset inside it, each fieldset has two columns inside it and each column has two form field inside it.

When i run it in the browser, the content of the second tab only is showed when i make some change in the browser window like add a toolbar, open the firebug (in firefox) and etc. That's a insane thing.

The code is the follow:


<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>

mystix
22 Oct 2007, 8:29 AM
please post details as per 13985 (e.g. Ext version + build no., browser + version etc). thanks.