Results 1 to 5 of 5

Thread: Animate actionsheet

  1. #1
    Sencha User
    Join Date
    Feb 2012
    Location
    Madagascar
    Posts
    24
    Vote Rating
    0
      0  

    Default 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
    101
      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
    13
      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
      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
    101
      0  

    Default

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

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •