Kendo UI for jQuery

jQuery ActionSheet

  • Easily add popular iOS-style interactivity with this customizable jQuery menu component.
  • Part of the Kendo UI for jQuery library along with more than 100 professionally designed components developers trust for all their jQuery UI needs.
  • Get up and running quickly with award winning support, detailed documentation, demos, virtual classrooms, and a 3-million-strong developer community.
_Original Kendoka_3
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The jQuery ActionSheet, or BottomSheet, is a great UX element for smaller screens when you need to alert or prompt users to take required or important actions. It appears on the bottom of a screen as a modal dialog and presents users with a choice of actions that they must take. Since this technique was popularized by iOS and also used by Android, ActionSheet gives you an easy way to add a popular workflow to mobile or responsive applications.

    See the jQuery ActionSheet demo

    jquery-actionsheet-overview
  • Customizable Items

    To make it easy to integrate the component into your app’s look, feel, and behavior, the items displayed by the ActionSheet are configurable. You can set each item’s text, icon, group, description, and click event handler name.

    Read the ActionSheet Items documentation

    items-jquery-actionsheet
  • Events

    Events

    You can customize the ActionSheet’s functionality by subscribing to the exposed Open and Close events.

    Read the ActionSheet Events documentation.

  • Keyboard Navigation

    Your users will enjoy full keyboard support with actions for changing focus, selection, and item navigation.

    See the jQuery ActionSheet Keyboard Navigation demo

    keyboard-navigation
  • Accessibility

    The ActionSheet is accessible by screen readers and provides WAI-ARIA, Section 508, WCAG 2.1, and keyboard support.

    Read the jQuery ActionSheet Accessibility documentation

    jQuery accessibility