PDA

View Full Version : Display Three text fields in a Row



evs.saad
10 Dec 2012, 12:55 PM
Hi,
Can anyone tell me that how can we display or manage the fields with their labels in extjs. I want to display three text fields in a row with their respective labels. I am successful in displaying the fields but without labels. Here is my code.


{
xtype : 'container',
border : false,
layout : 'column',
anchor : '100%',
defaultType : 'field',items :[
{
boxLabel: 'To Date',
xtype: 'datefield',
id: 'to_date',
style: "float: left; margin-left:3px;"
},
{
boxLabel: 'From Date',
xtype: 'datefield',
id: 'from_date',
style: "float: left;margin-left:3px"
},

{
boxLabel: 'Patient',
id:'patient',
xtype: 'textfield',
style: "float: left;margin-left:3px"

}
]}
Thanks in advance

flanders
10 Dec 2012, 2:16 PM
Text and date fields do not take an boxLabel but a fieldLabel. I believe that will solve your problems :P