Edit this page

Dialog Tag Helper

The Dialog tag helper helps you configure the Kendo UI Dialog widget in ASP.NET Core applications.

Basic Usage

The following example demonstrates how to define the Dialog by using the Dialog tag helper.

Example
    <kendo-dialog name="dialog1">Dialog contents</kendo-dialog>

Configuration

The Dialog tag helper configuration options are passed as attributes of the tag. Its content is placed between the opening and closing tags.

Example

        @(Html.Kendo().Dialog()
            .Name("dialog")
            .Title("Software Update")
            .Content("Do you agree terms and conditions?")
            .Width(400)
            .Modal(false)
            .Actions(actions =>
                {
                    actions.Add().Text("NO");
                    actions.Add().Text("YES").Primary(true);
                })
            .Events(ev => ev.Close("dialog_close"))
        )

        <kendo:dialog name="dialog" title="Software Update" closable="false" modal="false"
                content="Do you agree terms and conditions?" close="dialog_close">
                <kendo:dialog-actions>
                        <kendo:dialog-action text="NO" />
                        <kendo:dialog-action text="YES" primary="true" />
                </kendo:dialog-actions>
        </kendo:dialog>

See Also