@brandecho The ons-speed-dial JS implementation is here. Perhaps you can do something similar.

@phyllito In that tutorial you linked, you can update the code to look like this:

<ons-splitter-side id="menu" side="left" width="220px" collapse swipeable animation="push">

And then click Run to see if this is what you want.

Per the documents here:

https://onsen.io/v2/api/js/ons-splitter-side.html

The splitter side now has 3 animations:

animation - Specify the animation. Use one of overlay, push, reveal or default.

Try those options to get what you want for your project.

Perfect!. @Fran-Diox
I solved using a service object to store states and data between pages.
Thanks Again

@Fran-Diox thanks for new idea!

As I understand in this case I have to do some manipulations with id attribute for each chat page and modify animation for popPage as mentioned above.
I will investigate it.

P.S. Issue for template cache was created

Hi Fran. The problems are solved now by upgrading to the latest OnsenUI release (2.0.2) and AngularJs (1.5.8).

Thanks
Altin

@munsterlander @Fran-Diox Moving the event listener for ‘init’ to be outside the ‘deviceReady’ event listener worked. I find that strange since I was under the impression the ‘init’ event will register as fired even if you add the listener after the event actually fired.

But it’s working now, so thank you for the assistance! Both of you.

@Eduardo Oh I see! Have a look at this kitchensink app for an example of onInfiniteScroll.

Error shows when i call the ons-page. How to resolve it.
Uncaught (in promise) TypeError: page._show is not a function