1. #1
    Sencha User
    Join Date
    Feb 2012
    Location
    Madagascar
    Posts
    24
    Vote Rating
    0
    Fayt is on a distinguished road

      0  

    Default Unanswered: Animate actionsheet

    Unanswered: Animate actionsheet


    Hi everybody,

    I'm trying to animate my actionsheet, but unfortunatly, my animation does'nt appear. can you help me ???
    here's how I proceed:

    Code:
                    var actionSheet = Ext.Viewport.add(
                        {
                            xtype: 'actionsheet',
                            id              : 'shareMenu',
                            modal           : true,
                            hideOnMaskTap   : false,
                            showAnimation: 
                            {
                                type        : 'slide',
                                direction   : 'up',
                                duration    : 500
                            },
                            hideAnimation: 
                            {
                                type        : 'slideOut',
                                direction   : 'down',
                                duration    : 500
                            } ,
                            items: [
                                {
                                    text: 'share x',
                                },
                                {
                                    text    : 'shareY',
                                },
                                {
                                    text    : 'shareZ',
                                },                           
                                {
                                    text    : 'Cancel',
                                }
    
    
                            ]            
                        }                
                    );
                   actionSheet.show();

  2. #2
    Sencha User jerome76's Avatar
    Join Date
    Apr 2012
    Location
    New Jersey
    Posts
    1,149
    Answers
    132
    Vote Rating
    99
    jerome76 is just really nice jerome76 is just really nice jerome76 is just really nice jerome76 is just really nice jerome76 is just really nice

      0  

    Default


    This works for me in Chrome: http://www.senchafiddle.com/#kJ0Be.

    I didn't change anything you had. Just added a handler to the Cancel button to hide the sheet. What device are you testing it on? Maybe it doesn't support animations?

  3. #3
    Sencha User
    Join Date
    Apr 2012
    Location
    Toronto, Canada
    Posts
    92
    Answers
    20
    Vote Rating
    12
    iSmartDevice is on a distinguished road

      0  

    Default


    Your code worked for me. What browsers do you use? Sencha Touch only functions on WebKit based browsers such as Chrome or Safari.

  4. #4
    Sencha User
    Join Date
    Feb 2012
    Location
    Madagascar
    Posts
    24
    Vote Rating
    0
    Fayt is on a distinguished road

      0  

    Default


    I use chrome as browser, but I don't know why, this actionsheet won't slide when I show or hide it

  5. #5
    Sencha User jerome76's Avatar
    Join Date
    Apr 2012
    Location
    New Jersey
    Posts
    1,149
    Answers
    132
    Vote Rating
    99
    jerome76 is just really nice jerome76 is just really nice jerome76 is just really nice jerome76 is just really nice jerome76 is just really nice

      0  

    Default


    Try clearing your browser cache or reinstalling chrome. Wierd..

Thread Participants: 2

Tags for this Thread