1. #1
    Sencha Premium Member
    Join Date
    Jun 2011
    Location
    Nottingham, UK
    Posts
    24
    Vote Rating
    0
    mysterydiner is on a distinguished road

      0  

    Question Unanswered: cardSwitchAnimation on Tab Panel

    Unanswered: cardSwitchAnimation on Tab Panel


    Hi,
    With reference to the video at http://www.sencha.com/learn/intro-to-layouts/
    I
    n Sencha Touch 1, one used to be able to add cardSwitchAnimation: 'flip', to a tabpanel.
    This doesn't work in Sencha 2. Is there an alternative method or is this a bug/todo item.

    Thanks in advance

    Tom

  2. #2
    Sencha - Services Team AndreaCammarata's Avatar
    Join Date
    Jun 2009
    Posts
    1,395
    Answers
    148
    Vote Rating
    23
    AndreaCammarata has a spectacular aura about AndreaCammarata has a spectacular aura about

      0  

    Default


    Hi mysterydiner.
    In Sencha Touch 2, there's no more "cardSwitchAnimation" configuration for TabPanels and Card layout Panels.
    You have to set the "animation" configuration directly inside the layout:

    Code:
    ...
    layout: {
        animation: {
             type: 'flip'
        }
    }
    ...
    Hope this helps.
    Sencha Inc
    Andrea Cammarata, Solutions Engineer
    Owner at SIMACS

    @AndreaCammarata
    www.andreacammarata.com
    github: https://github.com/AndreaCammarata

    TUX components bundle for Sencha Touch 2.x.x
    https://github.com/AndreaCammarata/TUX


  3. #3
    Sencha User tobiu's Avatar
    Join Date
    May 2007
    Location
    Munich (Germany)
    Posts
    2,684
    Answers
    130
    Vote Rating
    112
    tobiu is a name known to all tobiu is a name known to all tobiu is a name known to all tobiu is a name known to all tobiu is a name known to all tobiu is a name known to all

      0  

    Default


    http://docs.sencha.com/touch/2-0/sou...#Ext-tab-Panel

    has the config:
    Code:
            // @inherit
            layout: {
                type: 'card',
                animation: {
                    type: 'slide',
                    direction: 'left'
                }
            }
    so, you should be able to override this.
    Best regards
    Tobias Uhlig
    __________

    S-CIRCLES Social Network Engine

  4. #4
    Sencha Premium Member
    Join Date
    Jun 2011
    Location
    Nottingham, UK
    Posts
    24
    Vote Rating
    0
    mysterydiner is on a distinguished road

      0  

    Thumbs up Thanks

    Thanks


    Many thanks for the quick feedback.
    FYI when I choose the type 'flip'
    I get the following error: Uncaught TypeError: Object [object Object] has no method 'setReverse'

    I set it to fade and that works nicely.

    Thanks again.

  5. #5
    Sencha - Services Team AndreaCammarata's Avatar
    Join Date
    Jun 2009
    Posts
    1,395
    Answers
    148
    Vote Rating
    23
    AndreaCammarata has a spectacular aura about AndreaCammarata has a spectacular aura about

      0  

    Default


    Thank you for reporting this.
    Actually this is a bug, so I suggest you to report it to the Sencha Touch bug forum adding a link to this post.

    The problem is due to a missing config param

    Code:
    ...
    config: {
       reverse: null
      ...
    }
    ...
    inside the class Ext.fx.layout.card.Flip.

    Hope this helps.
    Sencha Inc
    Andrea Cammarata, Solutions Engineer
    Owner at SIMACS

    @AndreaCammarata
    www.andreacammarata.com
    github: https://github.com/AndreaCammarata

    TUX components bundle for Sencha Touch 2.x.x
    https://github.com/AndreaCammarata/TUX


  6. #6
    Sencha User
    Join Date
    Dec 2011
    Posts
    6
    Vote Rating
    0
    moonpeep is on a distinguished road

      0  

    Default


    Wow, thanks Andrea! That fixed it for me!