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>