[HELPED] Form displayfield label For Empty Form Fields

[rkanemeier]

I have a form with several field sets, arranged in table layout with varying columns:

   var fieldSetInvoice = new Ext.form.FieldSet({
        id: 'fieldSetInvoice',
    	border: true,
    	height: 210,
    	width: 580,
    	title: 'Invoice Details',
    	iconCls: 'tag_blue',
    	labelWidth: 110,
    	items: [{
        	xtype: "fieldset",
    		autoHeight: true,
    		layout: "table",
    		layoutConfig: {
    			columns: 4
    		},
    		border: false,
    		style: 'padding: 0; margin: 0;',
    		items: [{
        		layout: "form",
    			width: 90,
    			items: [{
    				xtype: 'displayfield',
    				id: 'storeNbr',
    				fieldLabel: 'Store No.'
    			}]
....

Using the code above, if storeNbr is blank (empty), the fieldlabel appears to have dropped down into space where the field value should show. Is there a way to get ExtJS to display a &nbsp so that the fieldlabel stays up above the empty field?

Here is what it looks like:

emptyformfield.JPG

[sean.lanktree]

Your code shows that you are creating a fieldset and the first item in your fieldset is another fieldset. Really your first item should probably be a xtype:"container". Not sure if this is related to your problem but I would try changing that first.