PDA

View Full Version : Hbox button alignment in Firefox



michaelc
14 Sep 2010, 9:59 AM
I am having a little bit of a problem with a basic form in firefox only.
it seems to push the button off the form a little when I use hbox pack end.
Works fine in IE6 ( this is a first ) and Chrome

FireFox
22407
IE6
22408



var grid = new Ext.grid.EditorGridPanel({
store: groupStore,
plugins: answers,
columns: columns,
stripeRows: true,
view: groupView,
frame: true,
autoWidth: true,
height: 450,
animCollapse: true,
title: 'Speciality search selection',
iconCls: 'icon-grid'
});

// Form containing all elements
var form = new Ext.form.FormPanel({
renderTo: 'serveyEntry', // goes to this div tag
title: 'Profile Search',
autoHeight: true,
autoWidth: true,
bodyStyle:'padding:5px ',
defaults: {
},
items: [{
xtype: 'combo', // Region Selection box
id: 'regionCombo',
fieldLabel: 'Region',
anchor: '60%',
store: regionStore,
displayField: 'REGION_DESCRIPTION',
valueField: 'REGION_ID',
typeAhead: true,
mode: 'local',
forceSelection: true,
triggerAction: 'all',
emptyText: 'Select a region...',
selectOnFocus: true
}, {
xtype: 'combo', // Position Selection box
fieldLabel: 'Position',
id: 'positionCombo',
anchor: '60%',
store: positionStore,
displayField: 'position_Description',
valueField: 'position_id',
typeAhead: true,
mode: 'local',
forceSelection: true,
triggerAction: 'all',
emptyText: 'Select a position...',
selectOnFocus: true
}, {
xtype: 'fieldset', // FieldSet to hold Specialties
title: 'Specialities',
id : 'specialFieldSet',
// style: 'padding: 5px ',
collapsible: true,
items: grid

}, {
xtype: 'container', // hbox to push button over
layout: 'hbox',
layoutConfig: {
align: 'middle',
pack: 'end'
},
items: [{
xtype: 'button', // Enter button
text: 'Search',
width: 100,
handler: function(){
// when pressed find modified elements build pass object and submit


}
}]

}]

});