YES! The new commit works perfectly! Thanks so much!
YES! The new commit works perfectly! Thanks so much!
By the way... the Android problem that was mentioned earlier about the sliding view jumping around. It's doing that exact same thing on iPad also.
So could it be a size/resolution issue?
Just thought I'd let you know. Keep up the great work!
-----
Edit... it only happens on the first item. items 2-8 in the list work perfect. Just tested.
I've been working in other implementation of Slider menu (Facebook-like menu) that you can found here: https://github.com/wozznik/Slider-Menu
You can also try the DEMO
iPad (3rd Gen) iOS 5.1
It works perfectly fine on all the other list items. (NOTE: I'm not testing on a build version.. I haven't run the build script.. so that may be an issue too).
****
Not sure if I should ask here, but are you thinking about making this like the Path app also? Where you can swipe the whole view left or right and a different menu shows on each side? The menu on the right however pushes another view into the navigation.
Just thought I'd request that :-)
Yes, removing the image fixed the issue.
Thanks again!
One last question about your component. Can I remove the automatic sorting on the hidden menu's list?
That's a good point and one that I've been meaning to address. Since the menu supports grouping, it isn't as simple as just keeping the items in the order in which they are listed. Therefore, I think I'll add an optional 'order' config. I'll make that change now, as I actually need that for another project I'm working on, and I'll post back when when it's been updated.
Ordering has been implemented. You can now define the order for both groups and items. To order items, simply add an 'order' parameter to an item's config. To order groups, add a 'groups' parameter to the slidenvigation.View configuration, which should be an object mapping group names to order index. So for example:
Look at 'app/view/Main.js' for a more complete example.Code:Ext.define('MyView', { extend: 'Ext.ux.slidenavigation.View', config: { groups: { 'Group 2': 1, 'Group 1': 2 }, items: [{ group: 'Group 2', html: 'Item 3', order: 2 },{ group: 'Group 2', html: 'Item 2', order: 1 },{ group: 'Group 1', html: 'Item 1' }] } });