actionButtons Array

A JavaScript array that contains the ActionSheet's action buttons configuration. They will be rendered in the footer of the widget.

Example

<div id="actionsheet">Do you confirm or cancel?</div>
<script>
    var actionsheet = $('#actionsheet').kendoActionSheet({
        title: 'Confirmation',
        closeButton: true,
        actionButtons: [
             {
                icon: "check",
                fillMode: "solid",
                themeColor: "primary",
                rounded: "full",
                size: "large",
                text: "Confirm",
                click: onClick
            },
            {
                icon: "x",
                fillMode: "flat",
                size: "large",
                text: "Close",
                click: onClick
            }
        ]
    }).data('kendoActionSheet');

    function onClick(e) {
        e.preventDefault();
        alert($(e.target).text() + " clicked;")
        actionsheet.close();
    }

    actionsheet.open();
</script>
In this article