PDA

View Full Version : [FIXED] FileUploadField label does not collapse



zombeerose
23 Jun 2011, 8:12 AM
REQUIRED INFORMATION


Ext version tested:

Ext 4.0 rev 2


Browser versions tested against:

FF4 (firebug 1.7.3 installed)


Description:

When adding a file upload field as a docked item in a toolbar that is configured to only display the button, the element width does not adjust and an empty area remains.

FYI, this is necessary for migrating the Ext.ux.UploadPanel developed by Saki to Ext 4.


Steps to reproduce the problem:

Run the code.


The result that was expected:

The first field should only be as wide as the button.


The result that occurs instead:

The first field remains as wide as the fields with labels/inputs.


Test Case:



var c = Ext.create('Ext.panel.Panel',{
renderTo:Ext.getBody()
,dockedItems: [{
dock: 'top'
,items: [{
buttonText: 'Add'
,buttonOnly: true
,fieldLabel: 'my label'
,hideLabel: true
,xtype: 'filefield'
},'-',{
buttonText: 'Add'
,buttonOnly: true
,fieldLabel: 'my label'
,xtype: 'filefield'
},'-',{
buttonText: 'Add'
,fieldLabel: 'my label'
,xtype: 'filefield'
}]
,xtype: 'toolbar'
}]
});




HELPFUL INFORMATION


Screenshot or Video:

attached


See this URL for live test case: http://


Debugging already done:

none


Possible fix:

not provided


Additional CSS used:

only default ext-all.css
custom css (include details)


Operating System:

________
WinXP Pro

zombeerose
13 Jul 2011, 9:14 AM
Still a problem in 4.0.4

jay@moduscreate.com
13 Jul 2011, 11:21 AM
It seems that all input fields are sized with a default width.

zombeerose
14 Sep 2011, 9:20 AM
Is there anyway to suppress this default width since it shouldn't be used in this case?

Still an issue in 4.0.6

mdlincoln
28 Sep 2011, 4:57 PM
We have confirmed this issue and created a bug report for it.