2

According to the docs of extjs 6.5, setting arrow property to false should hide the menu's arrow. I tried this and still can't hide the arrow. Is there any additinonal steps that I should make?

    var filterMenu = Ext.create('Ext.menu.Menu', {
        items: menuItems
    });


    var button = Ext.create('Ext.Button', {
        iconCls: 'fa fa-filter',
        arrow: false, //this should disable
        menu: filterMenu
    });

Result

Thank you

ozzykr
  • 23
  • 1
  • 3

1 Answers1

2

Your problem is that you reference the docs of the modern toolkit, but in your tags you tell you use classic toolkit (and the screenshot looks like classic as well).

The arrow configuration you reference is only available in the modern toolkit.

The classic toolkit does not have an arrow configuration; instead, you may want to try the arrowVisible configuration.

Alexander
  • 19,906
  • 19
  • 75
  • 162
  • Thank you, I am still new in Extjs, still getting used to toolkits. – ozzykr Jun 14 '17 at 14:14
  • 1
    You should, in the top right corner, switch off the modern toolkit ("M"), so that docs search only shows up results from classic. – Alexander Jun 14 '17 at 14:28