ActionSheet

Example

Razor

<kendo-actionsheet>
    <action-buttons></action-buttons>
    <content-template></content-template>
    <footer-template></footer-template>
    <items></items>
    <popup-animation></popup-animation>
    <start-button />
</kendo-actionsheet>

ChildTags

Tag Name	Details
action-buttons	ActionSheetActionButtonsTagHelper
content-template	TemplateTagHelper
footer-template	TemplateTagHelper
items	ActionSheetItemsTagHelper
popup-animation	PopupAnimationSettingsTagHelper
start-button	ActionSheetStartButtonSettingsTagHelper

Attributes

Attribute	Type	Description
name	String	Sets the name of the component.
as-module	Boolean
is-in-client-template	Boolean	When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
action-buttons-alignment	ActionButtonsAlignment	Controls the alignment of the action buttons in the footer. This configuation works only in horizontal mode.
action-buttons-orientation	ActionButtonsOrientation	Determines the orientation of the action buttons.
adaptive	Boolean	When the ActionSheet is adaptive, it occupies the full width of the screen and has the option to cover the entire screen if the fullscreen is set to true as well.
close-button	Boolean	Whether a close button would be rendered in the titlebar. A title needs to be set to get the titlebar rendered.
close-on-click	Boolean	Determines whether the ActionSheet will close when clicking outside of it. If set to false, the ActionSheet will remain open until explicitly closed through code or by clicking the close button (if enabled).
content-template	String	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.
content-template-handler	String	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.
content-template-id	String	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.
content-template-view	IHtmlContent	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.
footer-template	String	The text or the function whose result will be shown within the footer of the ActionSheet. The footer template will be disregarded if there are actionButtons defined in the widget options.
footer-template-handler	String	The text or the function whose result will be shown within the footer of the ActionSheet. The footer template will be disregarded if there are actionButtons defined in the widget options.
footer-template-id	String	The text or the function whose result will be shown within the footer of the ActionSheet. The footer template will be disregarded if there are actionButtons defined in the widget options.
fullscreen	Boolean	Specifies whether the adaptive actionsheet would cover the entire screen when opened.
subtitle	String	Specifies the subtitle of the component. Requires the title to be configured in order to have the titlebar rendered.
title	String	Specifies the title of the component
deferred	Boolean	Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
footer-template-view	IHtmlContent	The text or the function whose result will be shown within the footer of the ActionSheet. The footer template will be disregarded if there are actionButtons defined in the widget options.
on-activate	String	Fired when the widget is opened.The event handler function context (available via the this keyword) will be set to the widget instance.
on-close	String	Fired when the widget closes.The event handler function context (available via the this keyword) will be set to the widget instance.
on-deactivate	String	Fired when the widget is closed.The event handler function context (available via the this keyword) will be set to the widget instance.
on-open	String	Fired when the widget opens.The event handler function context (available via the this keyword) will be set to the widget instance.
script-attributes	IDictionary<String,Object>