PDA

View Full Version : How to skip rows in column layout



sachin sachdeva
15 Mar 2011, 11:40 PM
Hello i am new to extjs i want to put button right after my second label but by using column layout button always appears right after first label my code is given below.


var checkinForm1 = new Ext.FormPanel({
standardSubmit : true,

frame : true,
id : 'chkformpanel',
bodyStyle : 'height:555px;',

autoWidth : true,
fileUpload : true,
monitorValid : true,
labelWidth : 100,
autoRegion : true,
height : 298,
waitMsgTarget : true,
defaults : {
width : 150
},
items: [{
layout:'column',
items:[{
columnWidth:.5,
layout: 'form',
items: [{

fieldLabel: 'First Name',

anchor:'95%'
},
{
fieldLabel: 'second Name',

anchor:'95%'
},

]
},{
columnWidth:.5,
height:172,
layout: 'form',
items: [{

margin:'50px',

xtype: 'button',

anchor:'100%-20'
}]
}


]
},

]


});

checkinForm1.render('checkInPopUpFormDiv');
});


You can check in the require attachment that what is my requirement plz help me.....(:|

raj_plays
16 Mar 2011, 2:24 AM
In your second column, insert a blank label.


{
columnWidth: .5,
height: 172,
layout: 'form',
items: [{
xtype: 'label',
text: ''
}, {
margin: '50px',
xtype: 'button',
anchor: '100%-20'
}]
}

sachin sachdeva
16 Mar 2011, 3:06 AM
No raj its not working it hiding a label and button again shoots up to the top position

rivarecords
16 Mar 2011, 3:40 AM
Try xtype: 'tbspacer' and specify a width and height.

raj_plays
16 Mar 2011, 10:11 PM
Either that or specify a height and width to the xtype: 'label'