Reusing a menu button on different screens

[joud]

What is the best way to reuse a menu button on different screen's toolbars without duplicating it?

Thanks,
Joud

[petr.vecera]

Using linking aka use xtypes

Do drag and drop , create a link http://prntscr.com/h6vspu and http://prntscr.com/h6vsui

Or you mean something different?

[joud]

Using linking aka use xtypes

Do drag and drop , create a link http://prntscr.com/h6vspu and http://prntscr.com/h6vsui

Or you mean something different?

I already tried drag and drop but the menu button is moved to the other panel, the message "copy, move, link" doesn't appear :/

[petr.vecera]

Which class is your menu button ? Can you share screenshot or copy the code ?

[joud]

Here's the code:

 xtype: 'toolbar',
            docked: 'top',
            layout: {
                type: 'hbox',
                pack: 'center'
            },
            items: [
                {
                    xtype: 'button',
                    ui: 'action',
                    docked: 'left',
                    menu: {
                        xtype: 'menu',
                        minWidth: '150px',
                        items: [
                            {
                                xtype: 'menuitem',
                                text: 'New'
                            },
                            {
                                xtype: 'menuitem',
                                text: 'Open'
                            },
                            {
                                xtype: 'menuitem',
                                text: 'Edit'
                            },
                            {
                                xtype: 'menuitem',
                                text: 'Save'
                            }
                        ]
                    }
                }
            ]

[wayne.rudd]

You can right click on menu button and 'Promote to class' - that will give you a linkable class

[joud]

Thanks a lot, it worked.