1. #1
    Sencha User
    Join Date
    Aug 2011
    Location
    Plymouth, UK
    Posts
    137
    Vote Rating
    -2
    simondavies has a little shameless behaviour in the past

      0  

    Question Back Button animation not working

    Back Button animation not working


    I have the following code but the animation is simply doing the the normal right to left and i would like it to do a left to right, this is a normal panel, my list panels work ok but not a normal panel and button I put on manually?

    Whats in my controller.

    Code:
      mySection: function(options)    {
            
        console.log(options);
    
    
           if ( ! this.mySectionView){
            this.mySectionView = this.render({xtype: 'mySection'});
        }
     
        this.application.viewport.setActiveItem(this.mySectionView, options.animation);
        
        var homeBtn = this.application.viewport.query('#homeBtn')[0];
        homeBtn.setHandler(function(){
            Ext.dispatch({
                controller: 'app',
                action: 'index',
                historyUrl: '#app/index',
                animation: {
                    type: 'slide', 
                    reverse: true
                },
            });
        });
        var backBtnB = this.application.viewport.query('#backBtnB')[0];
        backBtnB.setHandler(function(){
            Ext.dispatch({
                controller: 'app',
                action: 'myOtherSection',
                historyUrl: '#app/myOtherSection',
                animation: {
                    type: 'slide',
                    reverse: true,
                    },
                });
            });
        },
    my page code:

    Code:
    mySection = Ext.extend(Ext.Panel, {        id:'mySection',
            styleHtmlContent: false,
            dockedItems: [{
                    xtype: 'toolbar',
                    title: 'mySection',
                    items: [{iconCls: 'arrow_left',  iconMask: true, id: 'backBtnB'},{xtype: 'spacer'},{iconCls: 'home',  iconMask: true, id: 'homeBtn'}]       
                }],
    ….

    Any ideas, thanks

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,604
    Vote Rating
    818
    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


    Tried the direction instead of the reverse config?
    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.

  3. #3
    Sencha User
    Join Date
    Aug 2011
    Location
    Plymouth, UK
    Posts
    137
    Vote Rating
    -2
    simondavies has a little shameless behaviour in the past

      0  

    Default


    Yup! tried that but still no luck at all.

Thread Participants: 1

Tags for this Thread