I have the following ExtJS Panel embedded in another Panel, which then resides in a TabPanel and the TabPanel is in a FormPanel.
With that being said, these start/end date fields are initially displayed in very small cells -- the cells are so small that I see horizontal scroll bars. Now here's the weird part: if I open Firebug, everything pops into place.
Does anyone know what's going on? Why isn't it rendering properly in the first place and why does Firebug cause everything to work properly simply by opening Firebug?
var dateFields = new Ext.Panel({
id: 'dateFields',
labelAlign: 'bottom',
border: false,
items: [{
layout: 'column',
defaults: {
columnWidth: 0.5
},
items: [{
layout: 'form',
border: false,
items: [{
xtype: 'datefield',
name: 'start_date',
fieldLabel: 'Start Date'
}]
}, {
layout: 'form',
border: false,
items: [{
xtype: 'datefield',
name: 'end_date',
fieldLabel: 'End Date'
}]
}]
}]
});
I have seen this issue before... There are three things you may need to do.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With