Facebook Style Navigation

[RicardoP]

Katia,

Are there any errors in console? (F12, Network)

No, no errors on the console.

What components do you use for menu?

A List with List Items as menu options:

Grid = Gridcell = List = List_Items (4 items)

Could you please attach a screen shot with all events ("Show All" button on Events tab)?

[Kateryna Grynko]

Ricardo,

Could you please give us a public link or share the app with a href="mailto:support@appery.io" rel="nofollow"support@appery.io/a?

[Ravi Wayne]

Hello,

I am having some problems (sure I missed something) with the sliding panel. Could you please share your example?

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

Thank you,

Ravi

[Maryna Brodina]

Hello Ravi! Could you clarify what kind of problem do you have? You can send us request at a href="mailto:support@appery.io" rel="nofollow"support@appery.io/a.

[Ravi Wayne]

Hello,

Thank you for the prompt response.

I have two problems:

1) I use a login page before navigating to the home page where the sliding panel is implemented. If I change the default page to the home page (without login) it works fine. However if I come in through the login page, the home page does not load. The page works fine once I remove the javascript.

2) When the sliding panel works

• Filter items control of the list control is always displayed. Whether the panel is open or close. I did not see a way to set class property for this individual control.

• When the panel opens, the list appears on top of the page and ignores the header.

  Hope this helps.

  Thank you,

  Ravi

[Maryna Brodina]

You can send us request at a href="mailto:support@appery.io" rel="nofollow"support@appery.io/a to get project sample to check if it works for you with your login page.

[RicardoP]

Hi Katya,

I created a very simple project on my "free" account and shared with you. The project name is "FacebookNav4Katya".

On that project, you will see that the panel works, but the event mappings are broken.

Thanks in advance,

Ricardo

a href="mailto:rperdiga@progress.com" rel="nofollow"rperdiga@progress.com/a

[Maryna Brodina]

Hello! Try to run this code on Load event:
code$('[name="mobilebutton_39"]').die().live({
click: function() {
if (!$(this).attr('disabled')) {
Appery.navigateTo('Test1', {
reverse: false
});

Code: Select all

             } 
         } 
     });/code

[RicardoP]

Hi,

That would work, but defeat the purpose of the function above - to transfer the visually mapped events! 70% of the JavaScript code on that function is to move the events for you (so you don't have to hard code them in JavaScript).

Ricardo

[Maryna Brodina]

Sliding panel functionality needs to be coded as it's not implemented by default, so you just need to use additional code to make it work...