<kendo:dialog>

A JSP wrapper for Kendo UI Dialog.

Configuration Attributes

animation boolean

A collection of {Animation} objects, used to change default animations. A value of false will disable all animations in the widget. is not a valid configuration. Further configuration is available via kendo:dialog-animation.

Example

<kendo:dialog animation="animation">
</kendo:dialog>

buttonLayout java.lang.String

Specifies the possible layout of the action buttons in the Dialog.Possible values are:

Example

<kendo:dialog buttonLayout="buttonLayout">
</kendo:dialog>

closable boolean

Specifies whether a close button should be rendered at the top corner of the dialog.

Example

<kendo:dialog closable="closable">
</kendo:dialog>

content java.lang.String

The content of the dialog

Example

<kendo:dialog content="content">
</kendo:dialog>

height java.lang.Object

Specifies height of the dialog.

Example

<kendo:dialog height="height">
</kendo:dialog>

maxHeight float

The maximum height (in pixels) that may be achieved by resizing the dialog.

Example

<kendo:dialog maxHeight="maxHeight">
</kendo:dialog>

maxWidth float

The maximum width (in pixels) that may be achieved by resizing the dialog.

Example

<kendo:dialog maxWidth="maxWidth">
</kendo:dialog>

minHeight float

The minimum height (in pixels) that may be achieved by resizing the dialog.

Example

<kendo:dialog minHeight="minHeight">
</kendo:dialog>

minWidth float

The minimum width (in pixels) that may be achieved by resizing the dialog.

Example

<kendo:dialog minWidth="minWidth">
</kendo:dialog>

Specifies whether the dialog should show a modal overlay over the page.

Example

<kendo:dialog modal="modal">
</kendo:dialog>

title java.lang.Object

The text in the dialog title bar. If false, the dialog will be displayed without a title bar.

Example

<kendo:dialog title="title">
</kendo:dialog>

visible boolean

Specifies whether the dialog will be initially visible.

Example

<kendo:dialog visible="visible">
</kendo:dialog>

width java.lang.Object

Specifies width of the dialog.

Example

<kendo:dialog width="width">
</kendo:dialog>

Configuration JSP Tags

kendo:dialog-actions

A collection of objects containing text, action and primary attributes used to specify the dialog buttons.

Example

More documentation is available at kendo:dialog-actions.

Example

<kendo:dialog>
    <kendo:dialog-actions></kendo:dialog-actions>
</kendo:dialog>

kendo:dialog-animation

A collection of {Animation} objects, used to change default animations. A value of false will disable all animations in the widget. is not a valid configuration.

More documentation is available at kendo:dialog-animation.

Example

<kendo:dialog>
    <kendo:dialog-animation></kendo:dialog-animation>
</kendo:dialog>

kendo:dialog-messages

Defines the text of the labels that are shown within the dialog. Used primarily for localization.

More documentation is available at kendo:dialog-messages.

Example

<kendo:dialog>
    <kendo:dialog-messages></kendo:dialog-messages>
</kendo:dialog>

Event Attributes

close String

Triggered when a Dialog is closed (by a user or through the close() method).

For additional information check the close event documentation.

Example

<kendo:dialog close="handle_close">
</kendo:dialog>
<script>
    function handle_close(e) {
        // Code to handle the close event.
    }
</script>

hide String

Triggered when a Dialog has finished its closing animation.

For additional information check the hide event documentation.

Example

<kendo:dialog hide="handle_hide">
</kendo:dialog>
<script>
    function handle_hide(e) {
        // Code to handle the hide event.
    }
</script>

initOpen String

Triggered when a Dialog is opened for the first time (i.e. the open() method is called).

For additional information check the initOpen event documentation.

Example

<kendo:dialog initOpen="handle_initOpen">
</kendo:dialog>
<script>
    function handle_initOpen(e) {
        // Code to handle the initOpen event.
    }
</script>

open String

Triggered when a Dialog is opened (i.e. the open() method is called).

For additional information check the open event documentation.

Example

<kendo:dialog open="handle_open">
</kendo:dialog>
<script>
    function handle_open(e) {
        // Code to handle the open event.
    }
</script>

show String

Triggered when a Dialog has finished its opening animation.

For additional information check the show event documentation.

Example

<kendo:dialog show="handle_show">
</kendo:dialog>
<script>
    function handle_show(e) {
        // Code to handle the show event.
    }
</script>

Event Tags

kendo:dialog-close

Triggered when a Dialog is closed (by a user or through the close() method).

For additional information check the close event documentation.

Example

<kendo:dialog>
    <kendo:dialog-close>
        <script>
            function(e) {
                // Code to handle the close event.
            }
        </script>
    </kendo:dialog-close>
</kendo:dialog>

kendo:dialog-hide

Triggered when a Dialog has finished its closing animation.

For additional information check the hide event documentation.

Example

<kendo:dialog>
    <kendo:dialog-hide>
        <script>
            function(e) {
                // Code to handle the hide event.
            }
        </script>
    </kendo:dialog-hide>
</kendo:dialog>

kendo:dialog-initOpen

Triggered when a Dialog is opened for the first time (i.e. the open() method is called).

For additional information check the initOpen event documentation.

Example

<kendo:dialog>
    <kendo:dialog-initOpen>
        <script>
            function(e) {
                // Code to handle the initOpen event.
            }
        </script>
    </kendo:dialog-initOpen>
</kendo:dialog>

kendo:dialog-open

Triggered when a Dialog is opened (i.e. the open() method is called).

For additional information check the open event documentation.

Example

<kendo:dialog>
    <kendo:dialog-open>
        <script>
            function(e) {
                // Code to handle the open event.
            }
        </script>
    </kendo:dialog-open>
</kendo:dialog>

kendo:dialog-show

Triggered when a Dialog has finished its opening animation.

For additional information check the show event documentation.

Example

<kendo:dialog>
    <kendo:dialog-show>
        <script>
            function(e) {
                // Code to handle the show event.
            }
        </script>
    </kendo:dialog-show>
</kendo:dialog>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve the information

close
Dummy