3 Attachment(s)
ComboBox in window->fieldset layout issue
I noticed the following behavior when clicking the select item of a comboBox when displayed within a window:- Loading the window looks as expected (image 01)
- Before the dropdown list appears, the selector and the following items will be pushed a few pixels further down (image 02), the input field will remain in it's position
- Opening the box a second time it behaves as expecte, but is now not on the initial position anymore (image 03)
Code:
var window = new Ext.Window({
title: 'Opportunities chart configuration',
width: 350,
height:440,
plain:false,
bodyStyle:'padding:5px;',
buttonAlign:'right',
items: [{
xtype: 'fieldset',
border: false,
items: [{
xtype: 'combo',
mode: 'local',
width: 200,
fieldLabel: 'Chart type',
store: new Ext.data.ArrayStore({
id: 0,
fields: [
'chart',
'displayText'
],
data: [['stackedbarchart', 'Stacked Barchart']/*, ['barchart', 'Barchart'], ['cartesionchart', 'Cartesion Chart']*/]
}),
valueField: 'chart',
displayField: 'displayText',
style: 'margin-bottom: 15px;'
},{
xtype: 'combo',
mode: 'local',
width: 200,
fieldLabel: 'Grouped by',
store: new Ext.data.ArrayStore({
id: 0,
fields: [
'chart',
'displayText'
],
data: [['sales_stage', 'Sales Stage'], ['area_sales_c', 'Sales Area'], ['opportunity_type_c', 'Opportunity Type'], ['channel', 'Channel']]
}),
valueField: 'chart',
displayField: 'displayText'
},{
xtype: 'combo',
mode: 'local',
width: 200,
fieldLabel: 'Stacked by',
store: new Ext.data.ArrayStore({
id: 0,
fields: [
'chart',
'displayText'
],
data: [['sales_stage', 'Sales Stage'], ['area_sales_c', 'Sales Area'], ['opportunity_type_c', 'Opportunity Type'], ['channel', 'Channel']]
}),
valueField: 'chart',
displayField: 'displayText',
style: 'margin-bottom: 15px;'
},{
xtype: 'multiselect',
fieldLabel: 'Territory',
name: 'territory',
style: 'background-color: white;',
width: 200,
height: 73,
store: [['FR','FR'],['GST','GST'],['IT','IT'],['JP','JP'],['ROE','ROE'],['ROW','ROW'],['UK','UK'],['US','US'],['Other','Other']]
},{
xtype: 'multiselect',
fieldLabel: 'Type',
name: 'territory',
style: 'background-color: white;',
width: 200,
height: 57,
store: [['license','License'],['maintenance','Maintenance'],['service','Service']]
},{
xtype: 'combo',
mode: 'local',
width: 200,
fieldLabel: 'Channel',
store: new Ext.data.ArrayStore({
id: 0,
fields: [
'chart',
'displayText'
],
data: [['_all_', '- All -'], ['corporate', 'Corporate'], ['channel', 'Channel']]
}),
valueField: 'chart',
displayField: 'displayText',
style: 'margin-bottom: 15px;'
},{
xtype: 'datefield',
mode: 'local',
width: 200,
fieldLabel: 'From'
},{
xtype: 'datefield',
mode: 'local',
width: 200,
fieldLabel: 'To'
}
]
}
],
buttons: [{
text: 'Update'
},{
text: 'Reset'
},{
text: 'Close'
}]
});
window.show();
Thank you for your ideas!
Attachment 22706
