actionButtons.fillMode String (default: 'solid')

Controls how the color is applied to the button. Valid values are: "solid", "outline", "flat", "link", and "none". Default value is "solid".

Example

<div id="actionsheet">Do you confirm or cancel?</div>
<script>
    var actionsheet = $('#actionsheet').kendoActionSheet({
        title: 'Confirmation',
        closeButton: true,
        actionButtons: [
             {
                icon: "check",
                iconClass: "custom-confirm-button-class",
                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