actionButtons.size String
(default: 'medium')
Controls the overall physical size of a button. Valid values are: "small"
, "medium"
, "large"
, and "none"
. Default value is "medium"
.
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>