-
29 Oct 2012 12:52 AM #1
Unanswered: How to disable page transitions (for Android devices)
Unanswered: How to disable page transitions (for Android devices)
I want to disable page transitions for Android devices but don't know how.
Here is the code of my app.js class:
I already made a check to see what OS is running but I can't find how to disable page transitions.Code:Ext.application({ name: 'app', models: ['PModel', 'TModel'], stores: ['PStore', 'TStore'], controllers: ['HController', 'PController', 'TController'], views: ['Main'], launch: function() { console.log("app launch"); Ext.Viewport.add({ xclass: 'app.view.Main' }); if (Ext.os.is.Android) { Ext.Msg.alert("Android detected"); //TODO: DISABLE PAGE TRANSITIONS } else{ Ext.Msg.alert("Another OS detected"); } } });
-
29 Oct 2012 1:20 AM #2
UPDATE
I found the following function which should disable transitions:
I added this function to my Ext.Application class but the transitions still appear:Code:Ext.Anim.override({ disableAnimations:true });
What do I wrong?Code:launch: function() { if (Ext.os.is.Android) { Ext.Msg.alert("Android detected"); Ext.Anim.override({ disableAnimations:true }); } else{ Ext.Msg.alert("Another OS detected"); } console.log("app launch"); Ext.Viewport.add({ xclass: 'app.view.Main' }); }
-
29 Oct 2012 8:20 AM #3
-
29 Oct 2012 11:58 PM #4Sencha Premium Member
- Join Date
- Feb 2012
- Location
- Berne, Switzerland
- Posts
- 581
- Vote Rating
- 32
- Answers
- 34
I got the same request (for Android). So I was looking around for working hints. And this is one of them: http://www.sencha.com/forum/showthread.php?191407
I put that in my navigationview config:and it worked for the page transitions.Code:animation: { duration: 0, easing: null, type: null, direction: null }
Remains the title-/toolbar transitions...
-
30 Oct 2012 2:30 AM #5
Thanks for your response.
It works. Although, now I don't have a check if the OS is Android or not. And it doesn't work for the tabpanel.


Reply With Quote