Dialog

Example

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

ChildTags

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

Attributes

Attribute Type Description
name String Sets the name of the component.
content String The content of the dialog
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.
as-module Boolean
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.
deferred Boolean Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
has-client-component Boolean
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.
on-close String Triggered when a Dialog is closed (by a user or through the close() method).
on-hide String Triggered when a Dialog has finished its closing animation.
on-init-open String Triggered when a Dialog is opened for the first time (i.e. the open() method is called).
on-open String Triggered when a Dialog is opened (i.e. the open() method is called).
on-show String Triggered when a Dialog has finished its opening animation.
sanitize-id Boolean
script-attributes IDictionary<String,Object>
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.
title String The text in the dialog title bar. If false, the dialog will be displayed without a title bar.
visible Boolean Specifies whether the dialog will be initially visible.
width String Specifies width of the dialog.
In this article
Not finding the help you need?