PDA

View Full Version : Creating an app or "main menu"-style menu in ExtJS



demami
16 Sep 2013, 12:05 PM
Is there a way to create a menu that looks and acts like the main menu in a native app? I presume this is possible, since Sencha Architect has such a menu, and is built on ExtJS.

Putting it a different way, I want something that looks like http://dev.sencha.com/deploy/ext-4.0.1/examples/menu/menus.html , but instead of button instances on the toolbar, I want menuitem instances. However, Sencha Architect doesn't let me drag menuitem instances onto a toolbar.

That is to say, something like this (from Google Docs):

45823

How do I go about doing this in ExtJS?

ettavolt
17 Sep 2013, 8:41 AM
How do you like this:
it
Note: it is for 4.1. 4.2 will need some tweaks in styles.

demami
18 Sep 2013, 12:08 PM
That looks pretty close. I had tried that approach (buttons for the top-level menu items) before, but my styling skills are deficient, and I couldn't get the buttons to look like menu items.

ettavolt
18 Sep 2013, 10:44 PM
No, this is not buttons on a toolbar, it is a rotated Ext.menu.Menu.