actionButtons.fillModeString(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