-
Book Overview & Buying
-
Table Of Contents
-
Feedback & Rating
Building Mobile Applications Using Kendo UI Mobile and ASP.NET Web API
By :
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 (#).
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="actionsheet"
id="confirmationSheet">
<li...
Change the font size
Change margin width
Change background colour