Change history.back() animation from slide-left to slide-right

[ajnaidas]

Hi! Beginner question:

how do you change

history.back()

's slide animation? I'm transitioning from a Login page to a "Register page with a back button" via routing and when I click the back button (calls on history.back() ) it does a slide-transition left instead of right where it came from.

TIA.

[mitchellsimoens]

What is the code that handles the history route that goes back?

[ajnaidas]

control: {
            'login #signup': {
                tap: function(btn, e) {
                    //switch view via routing
                    this.redirectTo('index/register');


                    e.event && e.stopEvent();
                }
            }
        },
        routes: {
            'index/:view': 'switchView'
        }

then this is the switchView() function:

switchView: function(view) {
        //avoid setActiveItem from creating a new view
        var targetView = Ext.ComponentQuery.query(view)[0]; 


        //checks availability of the view
        if (targetView === undefined) {
            var device = (Ext.os.is.Phone ? 'phone' : 'tablet');
            targetView = Ext.create('SenchaCordova.view.' + device + '.' + Ext.String.capitalize(view)); //create the view
        }


        //animate to view
        Ext.Viewport.animateActiveItem(targetView, { type : 'slide', direction : 'left' } );
    }

[mitchellsimoens]

Only way to control the direction is to change the direction config in the animateActiveItem call.