Facebook Style Navigation

[doubletake]

I did try you div code first. That didn't work, so I started trying various ways to see if I could get it to work and haven't found a way yet. using the j_63 was just one of those attempts. Neither work.

[doubletake]

Would you please make a single page on your own that uses the above code that works? And send me a link to it?

Thanks,
Don

[Kateryna Grynko]

Hi Don,

Yes, we'll create one.

[Kateryna Grynko]

Here you go: http://appery.io/app/view/4008e956-c9...

[doubletake]

Thanks Katya! Appreciate it.

Is there a way you can give me a link to a version I can load into Appery.io to see how you did the code (plugin or something?) vs. just viewing the source?

Don

[doubletake]

Nevermind. I think I can see how you did in the source.

I see that the listview itself is assigned the side_panel class.

I'll give it a try.

Thanks!

[Kateryna Grynko]

Don,

Please send me email to a href="mailto:support@appery.io" rel="nofollow"support@appery.io/a and I'll send you project backup to be sure

[doubletake]

Thank you Katya for sending me the working sample app. Very helpful! I really appreciate you talking the extra time to build the example app. It helped me figure out the two issues:

1) Don't assign the .side_panel class to a panel div, assign it to the listview itself.
2) don't use div[data-role="page"] if you have more than one page.

I got it working for multiple pages by changing the prependTo code on the second page to this ...

var currentPage = Appery('Screen1');
panel2.prependTo(currentPage);

Thanks Katya!

[Kapow36]

Thanks doubletake for figuring out how to create the panel slide out navigation on multiple pages. My question is... why can't I add events to the list buttons? Well... I can, but they aren't called when the button is clicked.

[doubletake]

Kapow36 ... yep ... doesn't work. Bummer

I think it is because we detach the panel, but I'm not sure.

Here is a workaround that works for me.

In your load event, add event listeners after you create the panel.

...
panel.parent().trigger( "create" );

whole panel just to test
$('.side_panel').bind('click',function(evt) {
alert('panel clicked');
});

this one is for a item in the list ...

Appery('mobilelistitem_32').bind('click',function(evt) {
alert('li clicked');
});

In short, it looks like you have to write the click events yourself to navigateTo, etc.

Don