ActionSheet
Kendo UI ActionSheet component
Definition
Namespace:Kendo.Mvc.UI
Assembly:Kendo.Mvc.dll
Syntax:
public class ActionSheet : WidgetBase, IWidget, IHtmlAttributesContainer, IScriptableComponentInheritance: objectWidgetBaseActionSheet
Implements:
Inherited Members
Constructors
Initializes a new instance of the ActionSheet class.
public ActionSheet(ViewContext viewContext, IJavaScriptInitializer initializer, IUrlGenerator urlGenerator)The view context
initializerIJavaScriptInitializerThe JavaScriptInitializer
urlGeneratorIUrlGeneratorThe URL generator.
Properties
A JavaScript array that contains the ActionSheet's action buttons configuration. They will be rendered in the footer of the widget.
public List<ActionSheetActionButton> ActionButtons { get; set; }Controls the alignment of the action buttons in the footer. This configuation works only in horizontal mode.
public ActionButtonsAlignment? ActionButtonsAlignment { get; set; }Determines the orientation of the action buttons.
public ActionButtonsOrientation? ActionButtonsOrientation { get; set; }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.
public bool? Adaptive { get; set; }Configures the opening and closing animations of the ActionSheet. Setting the animation option to false will disable the opening and closing animations. As a result the ActionSheet will open and close instantly. This property has effect only in adaptive mode.
public PopupAnimation Animation { get; set; }Whether a close button would be rendered in the titlebar. A title needs to be set to get the titlebar rendered.
public bool? CloseButton { get; set; }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).
public bool? CloseOnClick { get; set; }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.
public string ContentTemplate { get; set; }The handler for the ContentTemplate
public string ContentTemplateHandler { get; set; }The id for the ContentTemplate
public string ContentTemplateId { get; set; }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.
public string FooterTemplate { get; set; }The handler for the FooterTemplate
public string FooterTemplateHandler { get; set; }The id for the FooterTemplate
public string FooterTemplateId { get; set; }Specifies whether the adaptive actionsheet would cover the entire screen when opened.
public bool? Fullscreen { get; set; }A JavaScript array that contains the ActionSheet's items configuration.
public List<ActionSheetItem> Items { get; set; }When configured, a start button will be rendered in the left side of the header section of the ActionSheet. Typically used for navigation or back functionality. The button is only visible when title is also specified.
public ActionSheetStartButtonSettings StartButton { get; set; }Specifies the subtitle of the component. Requires the title to be configured in order to have the titlebar rendered.
public string Subtitle { get; set; }Methods
public override IDictionary<string, object> Serialize()Overrides:
Writes the HTML.
protected override void WriteHtml(HtmlTextWriter writer)The HtmlTextWriter.
Overrides:
Writes the initialization script.
public override void WriteInitializationScript(TextWriter writer)The TextWriter.
Overrides: