animationBoolean|Object(default: false)
Configures the opening and closing animations of the ActionSheet. Setting the animation option to false will disable the opening and closing animations. As a result the ActionSheet will open and close instantly. This property has effect only in adaptive mode.
animation:true is not a valid configuration.
Example - disable open and close animations
<div id="actionsheet"></div>
<script>
var actionsheet = $('#actionsheet').kendoActionSheet({
title: 'Action Sheet',
adaptive: true,
animation: false,
items:[
{
text: 'Edit Item',
icon: 'pencil'
}
]
}).data('kendoActionSheet');
actionsheet.open();
</script>Example - configure custom animation
<div id="actionsheet"></div>
<script>
var actionsheet = $('#actionsheet').kendoActionSheet({
title: 'Action Sheet',
adaptive: true,
animation: {
open: {
effects: "fadeIn",
duration: 300
},
close: {
effects: "fadeOut",
duration: 150
}
},
items:[
{
text: 'Edit Item',
icon: 'pencil'
}
]
}).data('kendoActionSheet');
actionsheet.open();
</script>In this article