-
12 Jul 2012 7:18 AM #1
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();
-
12 Jul 2012 7:24 AM #2
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?
-
12 Jul 2012 7:27 AM #3
Your code worked for me. What browsers do you use? Sencha Touch only functions on WebKit based browsers such as Chrome or Safari.
-
12 Jul 2012 7:33 AM #4
I use chrome as browser, but I don't know why, this actionsheet won't slide when I show or hide it

-
12 Jul 2012 7:43 AM #5
Try clearing your browser cache or reinstalling chrome. Wierd..



Reply With Quote