PDA

View Full Version : [FIXED]Form fields in toolbar break layout



Seboss
22 Feb 2011, 6:40 AM
When using form fields (text field, combo) in a toolbar, it utterly breaks the layout of the toolbar.



Ext.onReady(function() {
var app = Ext.create("Ext.container.Viewport", {
layout: "border",
items: [{
region: "center",
title: "Test",
dockedItems: [{
dock: "top",
xtype: "toolbar",
items: [{
xtype: "tbtext",
text: "Whatever"
},
" ", {
xtype: "textfield",
width: 100,
value: "Foobar"
}, {
xtype: "combo",
queryMode: "local",
store: new Ext.data.Store({
fields: [
"value",
"display"
],
data: [[1, "Spam"], [2, "Egg"]]
})
}]
}]
}]
});
});

Seboss
22 Feb 2011, 7:51 AM
Okay, it seems specifying size and "hideLabel: true" helps. I don't recall having to do this in Ext JS 3 though.

evant
15 Mar 2011, 3:26 AM
This should be resolved in the next release. Note you still need to use hideLabel on the fields.