Sliding Side Menu

Hi wnielson,

I have 2 question for you.

1. The Swipe event to slide-Out the navigation, doesn't work on Android?

2. It takes lot of time to render the whole component, to work around it I start a busy Indicator before adding it to the viewport and stop this busy indicator in view.js "initialize" function, still I don't see busy indicator loading it while it renders, What could I be doing wrong here. PS: Busy Indicator works otherwise.:)

Appreciate the effort.

Quote:

---

Originally Posted by urmilsetia

1. The Swipe event to slide-Out the navigation, doesn't work on Android?

---

I'm unaware that it doesn't work on Android. I've tested the component on various version of Android, but only in the simulator as I don't own any actual Android hardware. I'd love to have someone as an Android tester though.

Quote:

---

Originally Posted by urmilsetia

2. It takes lot of time to render the whole component, to work around it I start a busy Indicator before adding it to the viewport and stop this busy indicator in view.js "initialize" function, still I don't see busy indicator loading it while it renders, What could I be doing wrong here. PS: Busy Indicator works otherwise.:)

---

Perhaps this is an Android and/or hardware issue? On my 2+ year old iPhone 4 the component loads very quickly and on more recent hardware it is even better.

If you'd like to help debug these issues, I'd welcome a patch.

Quote:

---

I'm unaware that it doesn't work on Android. I've tested the component on various version of Android, but only in the simulator as I don't own any actual Android hardware. I'd love to have someone as an Android tester though.

---

I have the swipe event to slide-out working on an Android phone (v 2.4.3).

Quote:

---

Perhaps this is an Android and/or hardware issue? On my 2+ year old iPhone 4 the component loads very quickly and on more recent hardware it is even better.

---

To render the load view, try delaying the loading view (or the slider) with Ext.util.DelayedTask. Not sure why, but I found that if a second visual component begins to be rendered before the first component (in this case the loading view) is finished being rendered on screen, it will simply not render the first item.

Quote:

---

Originally Posted by in4p

I have the swipe event to slide-out working on an Android phone (v 2.4.3).

---

Hey, did you do anything special for it?

Quote:

---

Originally Posted by in4p

To render the load view, try delaying the loading view (or the slider) with Ext.util.DelayedTask. Not sure why, but I found that if a second visual component begins to be rendered before the first component (in this case the loading view) is finished being rendered on screen, it will simply not render the first item.

---

You have some working code? Please share

Quote:

---

Originally Posted by wnielson

Perhaps this is an Android and/or hardware issue? On my 2+ year old iPhone 4 the component loads very quickly and on more recent hardware it is even better.

If you'd like to help debug these issues, I'd welcome a patch.

---

It seems to do something with loading of content.

Because I am loading 4 heavy panels.

Quote:

---

Originally Posted by urmilsetia

It seems to do something with loading of content.

Because I am loading 4 heavy panels.

---

Are you loading all four panels at once? The component utilizes delayed loading, by default, in an effort to reduce the initial load time as much as possible. Not sure how else to help without more details and/or some code samples.

Quote:

---

Originally Posted by wnielson

I haven't looked through all of your changes, but since you have posted this I've added the ability to dock the menu to either the right or left side (thanks largely to a patch submitted by a fellow user). I'm considering adding the ability to have dual menus.

---

This would be awesome! Any ETA? :-)

Quote:

---

Originally Posted by hotdp

This would be awesome! Any ETA? :-)

---

If you're willing to use an early development version, you can check out the newer Ext.ux.slide.View. The navigation aspect has been completely decoupled from this version, which makes it possible to dock any components you want to the left and/or right at the same time.

Thanks, I will have a look.
I have another question:
The orginal Facebook application functions like each "tab" is a NavigationView. What I mean is that you can go in depth with one function, switch to another and back and stille be the same place.
I know that a multiple Containers with layout "card" will do the same. But NavigationView has some nice build in functions as the animations in the toolbar and the autoDetroy of items.
Have someone implemented this or have an idea on have to solve it?

Quote:

---

Originally Posted by hotdp

Thanks, I will have a look.
I have another question:
The orginal Facebook application functions like each "tab" is a NavigationView. What I mean is that you can go in depth with one function, switch to another and back and stille be the same place.
I know that a multiple Containers with layout "card" will do the same. But NavigationView has some nice build in functions as the animations in the toolbar and the autoDetroy of items.
Have someone implemented this or have an idea on have to solve it?

---

You should be able to achieve this by using an Ext.navigation.View for each item in the slidenavigation list. I've implemented this in some of my apps and it works great.