Showing a list of actions that can be performed using the ActionSheet widget

The Kendo Mobile ActionSheet widget is used to show you a list of actions that can be performed when a user taps on an element on the screen. The ActionSheet widget slides from the bottom and shows you a list of actions that can be performed against the tapped element on the screen.

How to do it…

Let's create view, which contains the ListView widget and an ActionSheet widget:

<div
  data-role="view"
  data-title="Movies to watch"
  data-layout="defaultLayout">
  
  <ul
    id="listViewContainer">


  </ul>

  <ul 
    data-role="actionsheet" 
    id="optionActionSheet">

    <li>
      <a data-action="option1">Favourite</a>
    </li>
    <li>
      <a data-action="option2">Watch</a>
    </li>
    <li>
      <a data-action="option3">Remove</a>
    </li>
  </ul>
</div>

The content of the ListView widget is populated...