1. #1
    Sencha User
    Join Date
    Mar 2012
    Posts
    4
    Vote Rating
    0
    RajeshShankar is on a distinguished road

      0  

    Default Sencha Touch 2 - setActiveItem animation not working

    Sencha Touch 2 - setActiveItem animation not working


    Sencha 2.0

    In my controller, i have specified the following code snippet,

    Ext.Viewport.animateActiveItem(1, {type:'flip', direction: 'left', duration:600} );

    (or)

    Ext.Viewport.setActiveItem(1, {type:'flip', direction: 'left', duration:600} );

    Can anyone help how to get "flip" animation when switching from one view to another view?

    Thanks,
    Rajesh

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,632
    Vote Rating
    817
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Use the animation config in the layout:

    Code:
    Ext.application({
        name : 'Test',
    
        viewport : {
            layout : {
                type      : 'card',
                animation : 'flip'
            }
        },
    
        launch : function() {
    
            Ext.Viewport.add([
                {
                    html : 'One'
                },
                {
                    html : 'Two'
                }
            ]);
            
            setTimeout(function() {
                Ext.Viewport.setActiveItem(1);
            }, 2000);
    
        }
    });
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

Thread Participants: 1