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


The ActionSheet items are set of options that users can choose from.

The items configuration allows you to set specific attributes of the ActionSheet items. You can set their:

  • text
  • icon
  • group (items can be segregated in two groups - top and bottom.)
  • description
  • click event handler name

The following example demonstrates the possible options for the items configuration of the ActionSheet widget:

    <div id="actionsheet"></div>
        var actionsheet = $('#actionsheet').kendoActionSheet({
        title:'Select item',
              text: 'Edit Item',
              iconClass: 'k-icon k-i-edit',
              description: "Select to enter edit mode.",
              click: onClick
              text: 'Add to Favorites',
              iconClass: 'k-icon k-i-heart',
              click: onClick
              text: 'Cancel',
              iconClass: 'k-icon k-i-cancel',
              group: 'bottom',
              click: onClick

        function onClick(e) {

See Also

In this article