New to Kendo UI for jQuery? Start a free 30-day trial

Animation

configuration

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.

animation

Boolean|Object

Default: false

<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>

<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>