PDA

View Full Version : Form with textfield with different length



Srikanth474
4 Jun 2012, 1:39 PM
Hello,
I am migrating a application with extjs 2 to exjs 4.
on click of a button i have a window which has a checkbox. based on the selection of a checkbox item i am adding fields dynamically. and the field is based on checkbox selection. and the field label can be anything which coming from database. the labels are lengthy and their size also varies. i atttached a sample of how i want it to be aligned.


Any Help is greatly appreciated.

Thanks
Srikanth
http://www.sencha.com/forum/image/png;base64,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

scottmartin
4 Jun 2012, 2:40 PM
Are you asking how to add fields to a form dynamically? Do you have a static set of fields in the database that can be used to hide/show certain fields, or is the list too dynamic?

Scott.

Srikanth474
5 Jun 2012, 5:48 AM
Hi Scott, i know how to add fields dynamically.
based on the check box selection i may have to add one or two textfields. and the fieldLabels are comming from database.
What i am trying to figure out is how to align the textfields in the above way.
field label may be so long that it has to take multiple line.

It is actually a paragraph. with textfields as place holders in between filled by users

Thanks

scottmartin
5 Jun 2012, 6:12 PM
Please update the following example to show me what you mean:



Ext.create('Ext.form.Panel', {
title: 'Contact Info',
width: 300,
bodyPadding: 10,
renderTo: Ext.getBody(),
items: [{
xtype: 'textfield',
name: 'name',
fieldLabel: 'This is a very long lable that should wrap',
}, {
xtype: 'textfield',
name: 'email',
fieldLabel: 'This is another label that is very long',
vtype: 'email' // requires value to be a valid email address format
}]
});?


35987
Scott