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

InitOpen

events

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

initOpen

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

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