contentTemplate String|Function

The text or the function whose result will be shown within the ActionSheet. By default, the ActionSheet will display the content of the target element. The content template will be disregarded if there are items defined in the widget options.

If the content that is passed to the ActionSheet includes scripts, they will be executed. If this is not desired, strip any undesired content in advance.

Example

<div id="actionsheet"></div>
<script>
    var actionsheet = $('#actionsheet').kendoActionSheet({
        title: 'Title',
        contentTemplate: () => "This is a content template",
    }).data('kendoActionSheet');

    actionsheet.open();
</script>

Example - using the content of the target element

<div id="actionsheet"><span class="test" style="font-weight: bold">This is some content</span></div>
<script>
    var actionsheet = $('#actionsheet').kendoActionSheet({
        title: 'Title'
    }).data('kendoActionSheet');

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