The ActionSheet widget

Action sheets are used on mobile devices (typically on mobile phones) to display multiple options to the user for an action. They contain multiple buttons with a text for each action. A typical action sheet is displayed as shown in the following screenshot:

Kendo UI Mobile's ActionSheet widget provides this functionality by transforming a <ul> to an action sheet and calling a preconfigured function when the items on the sheet are clicked. ActionSheet can be opened with a tap in any other widget if we set the data-rel="actionsheet" and href attributes as the ActionSheet's element ID prefixed with a hash (#).

Initialization

ActionSheet can be initialized declaratively as shown in the following code:

<div data-role="view">
   
<a data-role="button" data-rel="actionsheet"    
      id="tnShare " href="#confirmationSheet">       
      Share
   </a>
    
    <ul data-role=&quot...