menu button WITHOUT dropdown arrow

[rogersja]

Hello,

fairly new to EXT here
about a week

virgo.rogerswestgroup.com/complex.html

thats what ive done so far

at the bottom i have a bbar in south region with some icon buttons in the right, you'll notice the 'user' icon with a menu arrow just to the right that opens a menu.

well i would like to have that button open said menu but without that pesky little black arrow.

anyone know how, have an idea, or has done this before?

Thanks so much
Cheers,
Jason

[evant]

Well, you could do something like:

myButton.on('click', function()
{
   menu.show(myButton.getEl(), myButton.menuAlign)
}
);

The app looks cool, by the way.

[Animal]

I'm getting

Ext.ToolBar is not a constructor
http://virgo.rogerswestgroup.com/complex.html
Line 191

But on the question, couldn't you just poke the element with Firebug, see what styling rules are giving it that arrow, and override them with your own rules?

[rogersja]

Hello

Thank you for the suggestions.

I do like the css override idea best, i think.

but not exactly sure how to do so. I'm not that up on css myself.

fire bug says that it is line 303 that is responsible for padding the button to allow the arrow some room to be seen, and line 275 that is responsible for supplying the path to the gif that is the arrow.

now i would assume that i would have to override both line 303 for the padding, its change would be:
padding-right: 0px;
and line 275 would need to be changed to remove the image path.

not sure how to implement this override for just this one button.

again the source can be viewed at: virgo.rogerswestgroup.com/complex.html

Thanks again
Cheers,
Jason

[evant]

This would also work:

b.on('render', function()
{
   this.el.child(this.menuClassTarget).removeClass('x-btn-with-menu');
}, b);

[rogersja]

Sorry i am confused how i am to implement your suggestion.

[evant]

items: 
[
{
   iconCls:'imicon',
   menu:[{text:'test'}]
   listeners:
   {
      'render': function(b)
      {
         b.el.child(b.menuClassTarget).removeClass('x-btn-with-menu');
      }
   }
}
]

[rogersja]

Oh thanks so much

Now i see how it works,
greatly appreciated

Cheers,
Jason

[umr.ashrf]

{
    xtype: 'button',
    arrowCls: ''
}

This will hide arrow even there is menu.