PDA

View Full Version : How to remove button arrow on toolbar?



taelons
11 May 2007, 1:56 AM
hi, there is a button arrow beside toolbar button, how do i remove arrow?

// the following is code segment from toolbar and menu examples and demo

var tb = new Ext.Toolbar('toolbar');
tb.add({
cls: 'x-btn-text-icon bmenu', // icon and text class
text:'Button w/ Menu',
menu: menu // assign menu by instance
},

i want to get effect like 'menu bar'.

thanks.

jsakalos
11 May 2007, 3:21 AM
I have read in some forum, that the complete new class(es) for menubar is under development and is going to be hopefully available soon.

Check this info yourself; I'm not member of Ext team ;)

Meanwhile you can play with css to achieve the desired effect (e.g. remove bmenu from cls in the above example). Firebug will be your best friend in this.

cdomigan
4 Jun 2007, 8:53 PM
If you have the menu option specified in the button config option, Ext seems to create the arrow for you - even if you don't specify bmenu in the class.

Anyone had any luck disabling this default behaviour?

EDIT: Don't worry, found a solution in this thread: http://extjs.com/forum/showthread.php?t=2774