Dialog

Example

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

ChildTags

Attributes

AttributeTypeDescription
nameStringSets the name of the component.
as-moduleBoolean
heightStringSpecifies height of the dialog.
max-heightStringThe maximum height (in pixels) that may be achieved by resizing the dialog.
max-widthStringThe maximum width (in pixels) that may be achieved by resizing the dialog.
min-heightStringThe minimum height (in pixels) that may be achieved by resizing the dialog.
min-widthStringThe minimum width (in pixels) that may be achieved by resizing the dialog.
modalBooleanSpecifies whether the dialog should show a modal overlay over the page.
is-in-client-templateBooleanWhen placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
button-layoutStringSpecifies 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.
closableBooleanSpecifies whether a close button should be rendered at the top corner of the dialog.
contentStringThe content of the dialog
on-closeStringTriggered when a Dialog is closed (by a user or through the close() method).
on-hideStringTriggered when a Dialog has finished its closing animation.
on-init-openStringTriggered when a Dialog is opened for the first time (i.e. the open() method is called).
on-openStringTriggered when a Dialog is opened (i.e. the open() method is called).
on-showStringTriggered when a Dialog has finished its opening animation.
script-attributesIDictionary<String,Object>
sizeStringSet predefined size to the dialog. The width and height configuration options override the predefined size.Possible values are: auto; small; medium or large.
deferredBooleanSuppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
titleStringThe text in the dialog title bar. If false, the dialog will be displayed without a title bar.
visibleBooleanSpecifies whether the dialog will be initially visible.
widthStringSpecifies width of the dialog.
In this article
ExampleChildTagsAttributes
Not finding the help you need?
Contact Support