PDA

View Full Version : Objects in toolbar do not align in IE or FF



wvmaaren
16 Aug 2009, 11:30 PM
Hey,

I have this weird problem.. I'm working on a webdekstop and everything is working ok... BUT!

The windows that get openend contain a Toolbar. In this toolbar there are 2 buttons, a datepicker and a combobox. All elements render, but the combobox and datepicker are rendering on eachother when watching the desktop in IE8 or FF3.5.2. In Google chrome everything renders how it should.

http://www.monkeytails.nl/tools/problem.jpg

this is the code I'm using:

Code for creating the objects:


comboMedewerkerTop = new Ext.form.ComboBox({
typeAhead : true,
triggerAction : 'all',
lazyRender : true,
mode : 'local',
emptyText : 'Kies een medewerker',
store : new Ext.data.ArrayStore({
id: 0,
fields: [
'myId',
'displayText'
],
data: medewerkerStore
}),
valueField : 'myId',
displayField : 'displayText'
});

datePicker = new Ext.form.DateField({
fieldLabel: 'Werkdag',
name: 'werkdag',
width:75,
allowBlank:false,
showToday: true,
value: new Date().format('d-m-Y'),
format: 'd-m-Y',
});


buttonFilteren = new Ext.Button({
text : 'Filteren',
handler : gridRequest
});



And this isn how I build my toolbar:


var tabstrip = new Ext.Toolbar({
width: '100%',
items: [
{
text:'Uren Toevoegen',
tooltip:'Voeg nieuwe uren toe',
iconCls:'add',
view: new Ext.grid.GroupingView({
markDirty: false
}),
handler: function(){
var e = new Uren({
declarabel: false,
remote: false,
voorrijkosten: false
});
editor.stopEditing();
store.insert(0, e);
grid.getView().refresh();
grid.getSelectionModel().selectRow(0);
editor.startEditing(0);
}

}, '-'
, comboMedewerkerTop
,{
xtype: 'tbspacer', width:20
}, '-'
, datePicker
, '->'
, buttonFilteren
]
});


Thnx for reading!