Results 1 to 2 of 2

Thread: Two tabs, fildsets, columns and forms.

  1. #1

    Default Two tabs, fildsets, columns and forms.

    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:
    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>
    Last edited by mystix; 22 Oct 2007 at 8:28 AM. Reason: use [html][/html] or [code][/code] tags.

  2. #2
    Sencha User mystix's Avatar
    Join Date
    Mar 2007
    Location
    Singapore
    Posts
    6,236

    Default

    please post details as per https://www.sencha.com/forum/showthread.php?t=13985 (e.g. Ext version + build no., browser + version etc). thanks.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •