PDA

View Full Version : shifting of textarea below label



naikgk
18 Oct 2010, 11:20 PM
how do I shift textarea below label.please find attach image and code
====================================================
// JScript File

Application.ManageCertificatesForm = Ext.extend(Ext.form.FormPanel,
{
border:false ,initComponent:function()
{

/////// config start

var config = {

layout:'form',
frame:'true',

url: '../Submit.htm<#SessionID>',
width: 590,
bodyStyle:'padding:5px',
//defaults: {width: 590},
//labelWidth: 200,
labelAlign:'top',
defaultType: 'textfield',

items: [{
xtype: 'compositefield',

items: [{
layout:'column',
border:true,
items:[{
columnWidth:.5,
layout: 'form',
labelWidth: 200,
border:false,
items: [{
xtype:'textarea',
fieldLabel: 'Click the Power off button to completely halt jetNEXUS ALB',
name: 'first',
width:'200',
anchor:'100%'
//style:'margin-left:-20;',
//formBind:true
}]
},{
columnWidth:.5,
layout: 'form',
border:true,
items: [{
xtype:'textarea',
fieldLabel: 'To install a certificate paste certificate text below and click Install',
name: 'last',
// style:'margin-left:-20;',
// formBind:true,
anchor:'100%'
}]
}]
}]
}]
};

Ext.apply(this, Ext.apply(this.initialConfig, config));
// });

Application.ManageCertificatesForm.superclass.initComponent.apply(this, arguments);

} // eo function initComponent

,onRender:function()
{
// this.store.load();
Application.ManageCertificatesForm.superclass.onRender.apply(this, arguments);
} // eo function onRender


,submit:function()
{
this.getForm().submit
(
{
standardSubmit: true,
url : this.url,
success : this.onSuccess,
failure : this.onFailure
}
);
}
,onSuccess:function(form, action)
{
Ext.MessageBox.alert("Success","Form Submitted SuccessFully");
}

,onFailure:function(form, action)
{
Ext.MessageBox.alert("Failure","Form could not be Submitted.");
}

});

Ext.reg('ManageCertificates', Application.ManageCertificatesForm);