New to Kendo UI for jQuery? Start a free 30-day trial

Open

events

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

open

<div id="dialog"></div>
<script>
$("#dialog").kendoDialog({
  title: "Kendo Dialog Component",
  content: "This is your Kendo Dialog.",
  open: function() {
    // open animation will start soon
  }
});
</script>

<div id="dialog"></div>
<script>
function dialog_open() {
  // open animation will start soon
}
$("#dialog").kendoDialog({
  title: "Kendo Dialog Component",
  content: "This is your Kendo Dialog."
});
var dialog = $("#dialog").data("kendoDialog");
dialog.bind("open", dialog_open);
</script>