Facebook style slide menu for Sencha Touch apps - made in 5 minutes. Very easy implementation to get you started. The goal was to provide a very open starting point, giving you the basic functionality with all opportunities to extend.
-
Add FB_Slide_Menu_Container.js to your project <project_name>/app/view/FB_Slide_Menu_Container.js
-
Implement FB_Slide_Menu_Container.js into your app.js (under views). See example
-
Add the fb_slide_menu_container to your view. See example (.../app/view/Main.js)
-
Add the css for the slide menu to your resources (..../resources/css/slide_menu.css)
-
Implement the css for the slide menu in your app.json
The FB_Slide_Menu_Container.js is working inside an Ext.Tab.Panel (as a tab item). If you want to include it into a common Container or Panel, you might have to change a few things. The FB_Slide_Menu_Container.js comes with a list inside, but of course you can put anything you need inside.