1. #1
    Sencha User
    Join Date
    Oct 2012
    Posts
    27
    Vote Rating
    0
    Answers
    2
    stackflower is on a distinguished road

      0  

    Default 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:
    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");
            }
        }
        });
    I already made a check to see what OS is running but I can't find how to disable page transitions.

  2. #2
    Sencha User
    Join Date
    Oct 2012
    Posts
    27
    Vote Rating
    0
    Answers
    2
    stackflower is on a distinguished road

      0  

    Default


    UPDATE

    I found the following function which should disable transitions:
    Code:
    Ext.Anim.override({
                disableAnimations:true
            });
    I added this function to my Ext.Application class but the transitions still appear:
    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'
            });
        }
    What do I wrong?

  3. #3
    Sencha User
    Join Date
    Oct 2012
    Posts
    27
    Vote Rating
    0
    Answers
    2
    stackflower is on a distinguished road

      0  

    Default


    Anyone who can help me?

  4. #4
    Sencha Premium Member
    Join Date
    Feb 2012
    Location
    Berne, Switzerland
    Posts
    714
    Vote Rating
    42
    Answers
    41
    ingo.hefti has a spectacular aura about ingo.hefti has a spectacular aura about ingo.hefti has a spectacular aura about

      0  

    Default


    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:
    Code:
    animation: {
        duration: 0,
        easing: null,
        type: null,
        direction: null
    }
    and it worked for the page transitions.

    Remains the title-/toolbar transitions...

  5. #5
    Sencha User
    Join Date
    Oct 2012
    Posts
    27
    Vote Rating
    0
    Answers
    2
    stackflower is on a distinguished road

      0  

    Default


    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.

Thread Participants: 1

Tags for this Thread