1. #1
    Sencha User
    Join Date
    Feb 2012
    Posts
    12
    Vote Rating
    0
    coure2011 is on a distinguished road

      0  

    Default Answered: no animation when new card is loading

    Answered: no animation when new card is loading


    hi,
    I am totally new to Sencha and trying to create a simple application using Sencha touch 2.0. I have to create 4 different pages. (Splash, Login, About and User). I creatd simple card layout for these pages but a new page is showing without any slide animation. What I am missing in code.
    Code:
    launch: function() {
            var panel = Ext.create('Ext.Panel', {
                layout: 'card',
                fullscreen: true,
                items: [
                    {
                        html: "Splash Screen<img src='images/logo.png' />"
                    },
                    {
                        html: "Login Screen<img src='images/logo.png' />"
                    },
                    {
                        html: "About Screen"
                    },
                    {
                        html: "User Screen"
                    }
                ]
            });
    
            panel.setActiveItem(0);
            
            setTimeout(function(){
                panel.setActiveItem(1);
            },3000);
        }

  2. You need to add the animation to the layout...

    Code:
    layout : {
        type : 'card',
        animation : {
            type : 'slide'
        }
    }

  3. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,620
    Answers
    3452
    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


    You need to add the animation to the layout...

    Code:
    layout : {
        type : 'card',
        animation : {
            type : 'slide'
        }
    }
    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

Tags for this Thread