New to Telerik UI for ASP.NET MVC? Download free 30-day trial

Items

The ActionSheet items are set of options that users can choose from.

The Items configuration allows you to set specific attributes of the ActionSheet items. You can set their:

  • Text
  • Icon
  • Group (items can be segregated in two groups - top and bottom)
  • Description
  • Click event handler name

The following example demonstrates the possible options for the Items configuration of the ActionSheet component.

    @(Html.Kendo().ActionSheet()
        .Name("actionsheet")
        .Title("Select item")
        .Items(items =>
        {
            items.Add().Text("Edit Item").IconClass("k-icon k-i-edit").Description("Select to enter edit mode.").Click("onClick");
            items.Add().Text("Add to Favorites").IconClass("k-icon k-i-heart").Click("onClick");
            items.Add().Text("Upload New").IconClass("k-icon k-i-upload").Click("onClick");
            items.Add().Text("Cancel").IconClass("k-icon k-i-cancel").Group("bottom").Click("onClick");
        })
    )
    <script>
        function onClick(e) {
            e.preventDefault();
            var actionsheet = $("#actionsheet").data("kendoActionSheet");
            actionsheet.close();
        }
    </script>

See Also

In this article