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

Subtitle

configuration

Specifies the subtitle of the component. Requires the title to be configured in order to have the titlebar rendered.

subtitle

String

<div id="actionsheet"></div>
<script>
  var actionsheet = $('#actionsheet').kendoActionSheet({
      title: 'Select item',
      subtitle: 'Selecting an item closes the actionsheet',
      items:[
          {
              text: 'Edit Item',
              icon: 'pencil',
              click: onClick
          },
          {
              text: 'Add to Favorites',
              icon: 'heart',
              click: onClick
          },
          {
              text: 'Upload New',
              icon: 'upload',
              click: onClick
          },
          {
              text: 'Cancel',
              icon: 'cancel',
              group: 'bottom',
              click: onClick
          },
      ]
  }).data('kendoActionSheet');

  actionsheet.open();
  function onClick(e) {
      e.preventDefault();
      actionsheet.close();
  }
</script>