DialogTagHelper

Example

Razor

<kendo-dialog>
    <actions></actions>
    <content></content>
    <dialog-title />
    <kendo-dialog-messages-settings />
    <modal />
    <popup-animation></popup-animation>
</kendo-dialog>

ChildTags

Tag Name	Details
actions	DialogActionsTagHelper
content	ContentTagHelper
dialog-title	DialogTitleSettingsTagHelper
kendo-dialog-messages-settings	DialogMessagesSettingsTagHelper
modal	DialogModalSettingsTagHelper
popup-animation	DialogPopupAnimationSettingsTagHelper

Attributes

Attribute	Type	Description
name	String	Sets the name of the component.
as-module	Boolean	Specifies whether the initialization script of the component will be rendered as a JavaScript module.
height	String	Specifies height of the dialog.
max-height	String	The maximum height (in pixels) that may be achieved by resizing the dialog.
max-width	String	The maximum width (in pixels) that may be achieved by resizing the dialog.
min-height	String	The minimum height (in pixels) that may be achieved by resizing the dialog.
min-width	String	The minimum width (in pixels) that may be achieved by resizing the dialog.
modal	Boolean	Specifies whether the dialog should show a modal overlay over the page.
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.
button-layout	String	Specifies the possible layout of the action buttons in the Dialog.Note: Stretched layout has no effect in browsers, like IE9, that do not support flexbox.Possible values are: normal or stretched.
closable	Boolean	Specifies whether a close button should be rendered at the top corner of the dialog.
content	String	The content of the dialog
on-close	String	The name of the JavaScript function that will handle the close event. Triggered when a Dialog is closed (by a user or through the close() method).
on-hide	String	The name of the JavaScript function that will handle the hide event. Triggered when a Dialog has finished its closing animation.
on-init-open	String	The name of the JavaScript function that will handle the initOpen event. Triggered when a Dialog is opened for the first time (i.e. the open() method is called).
on-open	String	The name of the JavaScript function that will handle the open event. Triggered when a Dialog is opened (i.e. the open() method is called).
on-show	String	The name of the JavaScript function that will handle the show event. Triggered when a Dialog has finished its opening animation.
script-attributes	IDictionary<String,Object>	Sets the attributes that will be added to the script tag of the component's initialization script.
size	String	Set predefined size to the dialog. The width and height configuration options override the predefined size.Possible values are: auto; small; medium or large.
visible	Boolean	Specifies whether the dialog will be initially visible.
deferred	Boolean	Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
theme-color	String	The themeColor option controls the color that will be applied.The following values are available for the themeColor: primary; dark; light or none.
title	String	The text in the dialog title bar. If false, the dialog will be displayed without a title bar.
width	String	Specifies width of the dialog.