PDA

View Full Version : Toolbar overflow problem



carolined2
13 Sep 2011, 5:37 AM
Hello everyone,

I'm having a problem with a toolbar: I'm using "enableOverflow" property and adding buttons. As expected, when i add too many buttons the arrow appears and the last button is hidden.
However, this button doesn't appear in the panel after I click on the arrow :


28030

Do you know what the trouble could be ?

Here is the code I used:


var ctn = new Ext.Toolbar({
id : "button_field",
enableOverflow : true,
autoHeight : true
});
ctn.render("toolbar_field");



ctn.addItem( {
xtype : 'button',
text : newItem.name,
name : newItem.name,
id : 'itemname'+i,
style : 'padding-right:5px;',
icon : "/blue_cancel.png",
iconAlign : "right",
handler : function(btn,e)
{
//...
//handler code
ctn.doLayout();
}.createDelegate(this)
});
ctn.doLayout();



Any help would be greatly appreciated!


Thanks,
Caroline

vitolini
19 Jun 2012, 3:24 PM
Have you found a solution to your issue? I am running into the same.

Thanks

sword-it
1 Aug 2012, 6:09 AM
Hi vitolini,

Are you still have the same error? I tested but I couldn't reproduce any problem for toolbar items. Could you please send some code sample?
Regards.