24 Feb 2013 3:41 PM #1
My first attempt to make a Facebook-like sliding navigational component, SlideNavigation, has proved to be pretty useful. However, I've gotten a lot of queries from people asking how to make it work in ways that I never originally intended. Some of the most frequent requests are:
- Support for both left and right menus simultaneously
- Using components other than a list in the menu
- Support for multiple slide navigation instances in the same app
- Nesting the slide navigation inside other components
With the way that the component is currently designed, achieving any of these would require quite a bit of code changes. So, I've started working on an updated version that is more flexible. I've decoupled the navigation component from the slide component. As a result, all of the above use-cases are now possible and I'm calling the new component 'Ext.ux.slide.View'.
I'll be uploading the code onto GitHub and would love to get some help finishing it. In the meantime, here is a short video to highlight some of the new features of the component.
24 Feb 2013 5:19 PM #2
- Join Date
- Mar 2007
- Gainesville, FL
- Vote Rating
Looking pretty good!
Sencha Inc, Senior Forum Manager
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/
Need more help with your app? Hire Sencha Services firstname.lastname@example.org
Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!
When posting code, please use BBCode's CODE tags.
24 Feb 2013 5:21 PM #3
26 Feb 2013 7:47 AM #4
cool stuff! have you ever thought about further expanding this so that it could be used as it is on a phone but as a splitview on a tablet?
26 Feb 2013 11:59 AM #5
Great to hear this is still alive and well - it's looking great! Can't wait to see what you come up with. Let us know when it's up on github
26 Feb 2013 2:15 PM #6
26 Feb 2013 4:46 PM #7
My initial plan is to implement at least two main components; the main view (Ext.ux.slide.View) and a convenience class (Ext.ux.slide.List). The slide List would make it easy to achieve functionality like SlideNavigation provides, and could be used as the component on either or both the right and left side. Of course, I'm also totally open to suggestions.
Also, I'm pretty partial to implementing this without a controller--a la the core Sencha components. I like the idea of keeping things simple for people wanting to use this and providing all the base functionality in a single component is really tidy way to achieve this. The 'Ext.ux.slide' namespace also makes it easy to integrate into existing project. My two cents anyway.
26 Feb 2013 11:55 PM #8
great to see you collab on stuff like this.
that's why I love this forum. all about sharing and contributing.
27 Feb 2013 1:18 AM #9
Absolutely agree re: controller. The reason it's like that in the example I posted is that the code was ripped out of an application I'm building - hence the full on MVC - but building a component means it should all be on the view, I completely agree. People should be able to use it the same way they do other sencha touch components.
I'll go ahead and take the conversation over to github... cheers!
3 Mar 2013 3:21 AM #10